@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-U1Ug.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rg-VQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjo0oSWaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISWaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjovoSWaA.ttf) format('truetype');
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}
body {
  overflow-x: hidden;
  font-family: sans-serif;
  background-color: #211311;
}
.title {
  width: 100%;
  vertical-align: middle;
  text-align: center;
  color: #bffce6;
}
.page {
  height: 100vh;
}
.title-text {
  font-size: 100px;
  font-weight: 400;
  font-family: 'Roboto Slab', serif;
}
.section-title-text {
  font-size: 75px;
  font-weight: 300;
  font-family: 'Roboto Slab', serif;
  color: #90d8a8;
  margin: 16px;
}
.section-body-text {
  font-size: 50px;
  font-weight: 700;
  font-family: 'Open Sans', serif;
  color: #bffce6;
  padding-left: 50%;
  vertical-align: top;
}
.scroll-hint {
  font-size: 50px;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-name: bounce;
  animation-timing-function: ease-in-out;
}
/*# sourceMappingURL=styles.css.map */