/* Page transitions */
.site-content {
  transition: transform 0.28s, opacity 0.28s;
}

.slide-out .site-content {
  transform: translate3d(0, 20px, 0);
  opacity: 0;
}

/* Mobile menu */
@keyframes showList {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes hideList {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes showMenu {
  0% {
    height: 0;
  }
  100% {
    height: 100vh;
  }
}

@keyframes hideMenu {
  0% {
    height: 100vh;
  }
  100% {
    height: 0;
  }
}