@import url("https://fonts.googleapis.com/css?family=Noto+Serif:700|Open+Sans:300,400,600|IBM+Plex+Mono:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Nothing+You+Could+Do&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body, html {
  display: block;
  position: fixed;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  font-family: 'Helvetica Neue', helvetica, sans-serif;
  overflow: hidden; }

.skrllr-wrapper {
  position: relative;
  display: block;
  width: 100vw;
  height: 100%;
  padding: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.skrllr-section {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

.wrapper {
  height: 100% !important;
  height: 100%;
  overflow: hidden; }

.social-links,
.main-menu {
  position: absolute;
  left: 2rem;
  bottom: 1rem;
  text-align: center;
  z-index: 1; }
  .social-links a,
  .main-menu a {
    text-decoration: none;
    align-items: center;
    color: #000;
    cursor: pointer;
    margin: 0rem 1rem;
    padding-bottom: .5rem;
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-size: 1.5rem; }
    .social-links a:hover,
    .main-menu a:hover {
       color:#DD7055 !important;}

.social-links {
  animation: fadeInRight 2s;
  right: 2rem;
  left: unset; }
  .social-links ul {
    display: flex; }
    .social-links ul li:first-child a {
      font-family: 'Nothing You Could Do', sans-serif;
      text-transform: lowercase; }

.pagination {
  list-style: none;
  display: flex;
  animation: fadeInLeft 2s; }

.pagination li a {
  align-items: center;
  color: #000;
  cursor: pointer;
  margin: 0rem 1rem;
  padding-bottom: .5rem;
  font-family: "Noto Serif", serif;
  font-weight: 400;
  font-size: 1.5rem;
  text-transform: lowercase; }

.pagination li a:hover{
    color:#DD7055 !important;
}

.pagination li a.active {
  font-family: 'Nothing You Could Do', serif;
  text-decoration: underline; }

.bio .social-links a {
  color: #fff; }
  .bio .social-links a:hover {
    color: #000 !important; }

@media only screen and (min-width: 200px) and (max-width: 650px) {
  .nav-fixed-top {
    top: 1rem;
    height: 40px; }
    .nav-fixed-top .logo a {
      font-size: 1.5rem !important; }

  .main-menu {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    .main-menu a {
      font-size: 1.25rem !important; } }
/*==== FADE IN LEFT ===*/
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

/*# sourceMappingURL=scroll.css.map */