/* ====================================================
    animation
  ==================================================== */
h1,
h2 {
  -webkit-animation: SlideDown 1.6s;
  animation: SlideDown 1.6s;
}

@-webkit-keyframes SlideDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-64px);
    transform: translateY(-64px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes SlideDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-64px);
    transform: translateY(-64px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.nav-list__item {
  -webkit-animation: SlideIn 1.6s;
  animation: SlideIn 1.6s;
}

@-webkit-keyframes SlideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(64px);
    transform: translateX(64px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes SlideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(64px);
    transform: translateX(64px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*# sourceMappingURL=animate.css.map */