html {
  background: #31000e;
}

body {
  animation: page-fade-in 260ms ease-out both;
}

body.page-leaving {
  animation: none;
  opacity: 0;
  transition: opacity 180ms ease-in;
  pointer-events: none;
}

body.page-returning {
  animation: page-fade-return 240ms ease-out both;
}

@keyframes page-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes page-fade-return {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  body,
  body.page-leaving,
  body.page-returning {
    animation: none;
    opacity: 1;
    transition: none;
  }
}

@media (max-width: 480px) {
  .nav-logo-sub,
  .nav-logo > span {
    display: none !important;
  }

  .nav-logo-main {
    line-height: 1.25;
  }
}