body {
  margin: 0;
  overflow-x: hidden;
  overscroll-behavior: none;
  background: rgb(217, 217, 217);
}

@font-face {
  font-family: "Satoshi";
  src: url(/b5dd7deee13e32689234.otf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi";
  src: url(/e9d34f0493a853cf10c1.otf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi";
  src: url(/811ccb0b5af1892a71df.otf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi";
  src: url(/66b6be60222486fa8673.otf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Satoshi";
  src: url(/d27fb329e3c56de46506.otf) format("truetype");
  font-weight: 900;
  font-style: normal;
}


::-webkit-scrollbar {
  width: 0;  /* Remove scrollbar space */
  height: 0;
  background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
  background: transparent;
}

.stretch {
  position: relative;
  height: 100%;
  max-height: 100%;
  width: 100%;
  max-width: 100%;
}

#ThreeJSCanvas {
  width: 100%;
  height: 100%;
  display: block;
} 

.threeJS {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.grecaptcha-badge { visibility: hidden; }
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes falling {
  0% {
    transform: rotateX(180deg);
  }
  
  12% {
    transform: rotateX(175deg);
  }
  
  24% {
    transform: rotateX(200deg);
  }
  
  48% {
    transform: rotateX(240deg);
  }
  
  60% {
    transform: rotateX(0deg);
  }

  75% {
    transform: rotateX(40deg);
  }
  
  100% {
    transform: rotateX(0deg);
  }
}

@keyframes blink {
  0% {
    opacity: 100%
  }

  50% {
    opacity: 100%
  }
  51% {
    opacity: 0%
  }
  99% {
    opacity: 0%
  }
  100% {
    opacity: 100%
  }
}

@keyframes goToPlatform {
  100% {
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
  }
}


@keyframes gradualFadeIn {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOutIn {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


@keyframes slideCenter {
  0% {
    bottom: 0;
    left: 0
  }
  100% {
    bottom: 38vh;
  }
}

@keyframes moveUp {
  0% {
    transform: translateY(120%);
  }
  100% {
    transform: translateY(0%);
  }
}