::-webkit-scrollbar {
  display: none;
  /* For Chrome, Safari, and Opera */
  scrollbar-width: none;
}

* {
  font-family: "Space Mono", monospace;
}

@keyframes teeter {
  0%,
  100% {
    rotate: 0deg;
  }

  33.3% {
    rotate: 2deg;
    scale: 103%;
  }

  66.6% {
    rotate: -2deg;
  }
}

@keyframes move-gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes arrow {
  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(10px);
  }
}

/* FADE IN */
.scroll-into-view {
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity 1s ease-in-out,
    transform 1s ease-in-out;
}

.scroll-into-view.in-view {
  opacity: 1;
  transform: translateY(0);
}

.child-element {
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity 1s ease-in-out,
    transform 1s ease-in-out;
}

.child-element.delay-1 {
  transition-delay: 0.3s;
}

.scroll-into-view.in-view .child-element {
  opacity: 1;
  transform: translateY(0);
}

@keyframes fadein {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}