body {
  background-color: #0a0a0a;
  color: white;
  font-family: "Lucida Console", Monaco, monospace;
  margin: 0;
}
h1, h2, h3, p, a {
  color: white;
}

/*LOADER*/
#loader {
  position: fixed;
  inset: 0;
  background: #0a0a0a;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 0.6s ease;
}
#loader.hidden {
  opacity: 0;
  pointer-events: none;
}
.loader-gif {
  width: 720px;
  height: auto;
  /*image-rendering: pixelated;*/
}
#loader img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* PAGE SLIDE TRANSITIONS */
.page-enter {
  transform: translate3d(0, 100%, 0);
  opacity: 0;
}
.page-enter.page-enter-active {
  animation: enterAnim 1s cubic-bezier(0, 0.2, 0, 1) forwards;
}
.page-exit {
  animation: exitAnim 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
}
@keyframes enterAnim {
  from { transform: translateY(100%); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}
@keyframes exitAnim {
  from { transform: translateY(0);    opacity: 1; }
  to   { transform: translateY(-100%);opacity: 0; }
}