.arrow > img {
  height: 64px;
}

.blurb-image {
  width: 25vw;
  max-width: 250px;
  min-width: 150px;
  height: 25vw;
  max-height: 250px;
  min-height: 150px;
  background-color: #fff4bc;
  border-radius: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.blurb-image > img {
  width: 12vw;
  height: 12vw;
  max-width: 120px;
  min-width: 60px;
  max-height: 120px;
  min-height: 60px;
  border-radius: 0%;
}

body {
  margin:0;
  padding:0;
}

.card {
  display: block;
  height: 3px;
  width: 300px;
}

.container {
  height: 100vh;
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

.container > div {
  height: 100vh;
  display:flex;
  scroll-snap-align: start;
  flex-direction: column;
}

.credit {
  margin-left: 18px;
  margin-bottom: 18px;
  font-family: "Arimo";
}

.credit > a {
  font-size: 2vh;
  color:#4f5964;
}

.description {
  display: flex;
  flex-grow: 1;
  align-items: center;
}

.description > div {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
}

.description > div > p {
  width: 25vh;
  font-size: 2.3vh;
  font-family: "Arimo";
  font-weight: 100;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}

.down-arrow {
  text-align: center;
}

.down-arrow img {
  width: 80px;
  height: 80px;
  opacity: .5;
  margin-bottom: 5vh;
}

.down-arrow img:hover {
  opacity: .8;
}

.footer {
  flex-grow: 1;
}

.grey-box {
  background-color: #4f5964;
  width: 85vw;
  height: 85vh;
  text-align: center;
  /* border-radius: 5vh; */
}

.grey-font {
  color:#4f5964;
}

.logo {
  flex-grow: 1;
  text-align: -webkit-center;
  margin-top: 30vh;
  margin-left: 6vh;
}

.logo-image {
  width: 40vw;
  max-width: 400px;
  min-width: 150px;
  height: 40vw;
  max-height: 400px;
  min-height: 150px;
  background-color: #4f5964;
  border-radius: 100%;
  margin-top: -10vh;
}

.next {
  display: inline-table;
  width: 17vw;
  height: 5vh;
  color: #fff4bc;
  /* opacity: 50%; */
  background-color: #fff4bc;
  border-radius: 1vh;
  /* border-width: 2px;
  border-style: solid; */
  box-shadow: 0 0 8px #272525;
  flex-grow: 1;
  /* margin-left: 43vw; */
}

.next > p {
  padding-top: 1vh;
  font-family: "Arimo";
  font-size: 2.1vh;
  font-weight: 100;
  text-align: center;
  color: #4f5964;
  -webkit-font-smoothing: antialiased;
  /* margin-bottom: 5vh; */
}

.normal{
  position: relative;
  background-color: #91b48f;
  background-image: -webkit-linear-gradient(62deg, #91b48f 50%, #799477 50%);
}

.page-subtitle {
  font-family: "Arimo";
  font-size: 2.2vw;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  align-self: center;
  margin-top: 0vh;
  margin-bottom: 5vh;
}

.page-title {
  font-family: "Montserrat";
  font-size: 4.5vw;
  letter-spacing: 1.6;
  font-weight: bold;
  text-shadow: 0px 2px, 2px 0px, 2px 2px;
  align-self: center;
  margin-bottom: 0vh;
}

.reverse{
  position: relative;
  background-color: #799477;
  background-image: -webkit-linear-gradient(62deg, #799477 50%, #91b48f 50%);
}

.subtitle{
  font-family: "Arimo";
  font-size: 4.3vw;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  align-self: flex-end;
  margin-right: 15vw;
  margin-top: 0vh;
  margin-bottom: 0vh;
}

.subsubtitle {
  font-family: "Arimo";
  align-self: flex-end;
  margin-right: 11vw;
  margin-top: 0vh;
  font-size: 2vw;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
}

.title {
  font-size: 5.5vw;
  align-self: flex-end;
  margin-right: 8vw;
  margin-top: 22vh;
  margin-bottom: 0vh;
}

.titles {
  display: flex;
  flex-direction: column;
}

.titlepage {
  display: flex;
  flex-direction: row;
}

.white-font {
  color: #fdfbfb;
}

.yellow-font {
  color: #fff4bc;
}