.intro__overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: radial-gradient(circle at center, #00230a, #1e6834);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  overflow: hidden;
}
.intro__spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: intro__zoom-out 0.4s ease-out 1.6s forwards;
}
.intro__logo-image img {
  width: 100%;
}
.intro__logo {
  width: 50vw;
  max-width: 400px;
  padding: 1%;
}
@media (max-width: 500px) {
  .intro__logo {
    width: 50vw;
    max-width: 450px;
  }
}
.intro__image {
  width: 20vw;
  max-width: 80px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 0 5px #c2ee7e);
  animation: intro__spin-smooth 1.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0.5s forwards;
}
@media (max-width: 500px) {
  .intro__image {
    width: 25vw;
    max-width: 400px;
  }
}
@keyframes intro__spin-smooth {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}
@keyframes intro__zoom-out {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(8);
    opacity: 0;
  }
}

/*# sourceMappingURL=intro.css.map */