body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: radial-gradient(ellipse at bottom, #0d1d31 0%, #0c0d13 100%);
  overflow: hidden;
}

.stars {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  transform: rotate(-45deg);
}

.star {
  --star-color: var(--primary-color);
  --star-tail-length: 6em;
  --star-tail-height: 2px;
  --star-width: calc(var(--star-tail-length) / 6);
  --fall-duration: 9s;
  --tail-fade-duration: var(--fall-duration);
  position: absolute;
  top: var(--top-offset);
  left: 0;
  width: var(--star-tail-length);
  height: var(--star-tail-height);
  color: var(--star-color);
  background: linear-gradient(45deg, currentColor, transparent);
  border-radius: 50%;
  filter: drop-shadow(0 0 6px currentColor);
  transform: translate3d(104em, 0, 0);
  animation: fall var(--fall-duration) var(--fall-delay) linear infinite, tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite;
}
@media screen and (max-width: 750px) {
  .star {
    animation: fall var(--fall-duration) var(--fall-delay) linear infinite;
  }
}
.star:nth-child(1) {
  --star-tail-length: 6.41em;
  --top-offset: 68.59vh;
  --fall-duration: 10.867s;
  --fall-delay: 5.318s;
}
.star:nth-child(2) {
  --star-tail-length: 6.55em;
  --top-offset: 73.85vh;
  --fall-duration: 6.107s;
  --fall-delay: 5.724s;
}
.star:nth-child(3) {
  --star-tail-length: 6.59em;
  --top-offset: 82.33vh;
  --fall-duration: 8.045s;
  --fall-delay: 1.692s;
}
.star:nth-child(4) {
  --star-tail-length: 5.56em;
  --top-offset: 33.55vh;
  --fall-duration: 6.687s;
  --fall-delay: 5.909s;
}
.star:nth-child(5) {
  --star-tail-length: 6.81em;
  --top-offset: 73.16vh;
  --fall-duration: 7.801s;
  --fall-delay: 9.437s;
}
.star:nth-child(6) {
  --star-tail-length: 7.22em;
  --top-offset: 81.41vh;
  --fall-duration: 10.602s;
  --fall-delay: 9.317s;
}
.star:nth-child(7) {
  --star-tail-length: 7.13em;
  --top-offset: 98.07vh;
  --fall-duration: 11.194s;
  --fall-delay: 0.028s;
}
.star:nth-child(8) {
  --star-tail-length: 6.28em;
  --top-offset: 22.36vh;
  --fall-duration: 10.847s;
  --fall-delay: 5.147s;
}
.star:nth-child(9) {
  --star-tail-length: 5.66em;
  --top-offset: 76.59vh;
  --fall-duration: 11.614s;
  --fall-delay: 5.068s;
}
.star:nth-child(10) {
  --star-tail-length: 7.22em;
  --top-offset: 79.66vh;
  --fall-duration: 11.689s;
  --fall-delay: 5.78s;
}
.star:nth-child(11) {
  --star-tail-length: 5.82em;
  --top-offset: 76.44vh;
  --fall-duration: 7.645s;
  --fall-delay: 7.067s;
}
.star:nth-child(12) {
  --star-tail-length: 6.83em;
  --top-offset: 43.22vh;
  --fall-duration: 6.426s;
  --fall-delay: 2.735s;
}
.star:nth-child(13) {
  --star-tail-length: 5.78em;
  --top-offset: 67.58vh;
  --fall-duration: 8.859s;
  --fall-delay: 2.664s;
}
.star:nth-child(14) {
  --star-tail-length: 5.87em;
  --top-offset: 85.66vh;
  --fall-duration: 6.709s;
  --fall-delay: 5.139s;
}
.star:nth-child(15) {
  --star-tail-length: 5.55em;
  --top-offset: 29.56vh;
  --fall-duration: 11.973s;
  --fall-delay: 0.821s;
}
.star:nth-child(16) {
  --star-tail-length: 6.96em;
  --top-offset: 1.24vh;
  --fall-duration: 9.202s;
  --fall-delay: 9.104s;
}
.star:nth-child(17) {
  --star-tail-length: 7.12em;
  --top-offset: 27.09vh;
  --fall-duration: 9.204s;
  --fall-delay: 7.146s;
}
.star:nth-child(18) {
  --star-tail-length: 5.44em;
  --top-offset: 48.48vh;
  --fall-duration: 6.724s;
  --fall-delay: 9.282s;
}
.star:nth-child(19) {
  --star-tail-length: 5.11em;
  --top-offset: 75.12vh;
  --fall-duration: 8.751s;
  --fall-delay: 7.447s;
}
.star:nth-child(20) {
  --star-tail-length: 5.17em;
  --top-offset: 9.45vh;
  --fall-duration: 10.558s;
  --fall-delay: 3.901s;
}
.star:nth-child(21) {
  --star-tail-length: 6.9em;
  --top-offset: 59.6vh;
  --fall-duration: 9.311s;
  --fall-delay: 0.036s;
}
.star:nth-child(22) {
  --star-tail-length: 5.1em;
  --top-offset: 43.03vh;
  --fall-duration: 8.782s;
  --fall-delay: 0.909s;
}
.star:nth-child(23) {
  --star-tail-length: 6.07em;
  --top-offset: 72.65vh;
  --fall-duration: 10.415s;
  --fall-delay: 3.708s;
}
.star:nth-child(24) {
  --star-tail-length: 7.27em;
  --top-offset: 53.33vh;
  --fall-duration: 10.984s;
  --fall-delay: 2.876s;
}
.star:nth-child(25) {
  --star-tail-length: 6.03em;
  --top-offset: 77.58vh;
  --fall-duration: 10.29s;
  --fall-delay: 1.54s;
}
.star:nth-child(26) {
  --star-tail-length: 5.3em;
  --top-offset: 36.61vh;
  --fall-duration: 6.178s;
  --fall-delay: 6.836s;
}
.star:nth-child(27) {
  --star-tail-length: 6.32em;
  --top-offset: 93.61vh;
  --fall-duration: 9.771s;
  --fall-delay: 3.701s;
}
.star:nth-child(28) {
  --star-tail-length: 5.35em;
  --top-offset: 16.43vh;
  --fall-duration: 7.11s;
  --fall-delay: 1.674s;
}
.star:nth-child(29) {
  --star-tail-length: 6.9em;
  --top-offset: 68.76vh;
  --fall-duration: 8.559s;
  --fall-delay: 6.01s;
}
.star:nth-child(30) {
  --star-tail-length: 6.18em;
  --top-offset: 15.58vh;
  --fall-duration: 10.99s;
  --fall-delay: 9.804s;
}
.star:nth-child(31) {
  --star-tail-length: 6.63em;
  --top-offset: 44.34vh;
  --fall-duration: 7.234s;
  --fall-delay: 2.13s;
}
.star:nth-child(32) {
  --star-tail-length: 6.94em;
  --top-offset: 36.24vh;
  --fall-duration: 6.03s;
  --fall-delay: 5.433s;
}
.star:nth-child(33) {
  --star-tail-length: 5.09em;
  --top-offset: 49.18vh;
  --fall-duration: 9.517s;
  --fall-delay: 9.715s;
}
.star:nth-child(34) {
  --star-tail-length: 7.1em;
  --top-offset: 8.78vh;
  --fall-duration: 10.338s;
  --fall-delay: 6.168s;
}
.star:nth-child(35) {
  --star-tail-length: 6.05em;
  --top-offset: 12.71vh;
  --fall-duration: 8.908s;
  --fall-delay: 5.543s;
}
.star:nth-child(36) {
  --star-tail-length: 5.02em;
  --top-offset: 37.75vh;
  --fall-duration: 11.749s;
  --fall-delay: 5.212s;
}
.star:nth-child(37) {
  --star-tail-length: 7.48em;
  --top-offset: 26.42vh;
  --fall-duration: 6.46s;
  --fall-delay: 1.091s;
}
.star:nth-child(38) {
  --star-tail-length: 6.49em;
  --top-offset: 1.72vh;
  --fall-duration: 11.246s;
  --fall-delay: 0.663s;
}
.star:nth-child(39) {
  --star-tail-length: 7.09em;
  --top-offset: 85.09vh;
  --fall-duration: 10.025s;
  --fall-delay: 6.128s;
}
.star:nth-child(40) {
  --star-tail-length: 6.38em;
  --top-offset: 93.36vh;
  --fall-duration: 8.724s;
  --fall-delay: 6.334s;
}
.star:nth-child(41) {
  --star-tail-length: 5.6em;
  --top-offset: 93.83vh;
  --fall-duration: 11.019s;
  --fall-delay: 4.882s;
}
.star:nth-child(42) {
  --star-tail-length: 5.41em;
  --top-offset: 78.85vh;
  --fall-duration: 11.4s;
  --fall-delay: 5.189s;
}
.star:nth-child(43) {
  --star-tail-length: 6.07em;
  --top-offset: 78.84vh;
  --fall-duration: 11.461s;
  --fall-delay: 0.665s;
}
.star:nth-child(44) {
  --star-tail-length: 5.68em;
  --top-offset: 63.39vh;
  --fall-duration: 9.571s;
  --fall-delay: 7.22s;
}
.star:nth-child(45) {
  --star-tail-length: 6.32em;
  --top-offset: 81.7vh;
  --fall-duration: 7.105s;
  --fall-delay: 3.901s;
}
.star:nth-child(46) {
  --star-tail-length: 6.92em;
  --top-offset: 68.63vh;
  --fall-duration: 7.027s;
  --fall-delay: 8.843s;
}
.star:nth-child(47) {
  --star-tail-length: 6.91em;
  --top-offset: 34.91vh;
  --fall-duration: 7.719s;
  --fall-delay: 1.742s;
}
.star:nth-child(48) {
  --star-tail-length: 5.97em;
  --top-offset: 79.2vh;
  --fall-duration: 9.119s;
  --fall-delay: 6.171s;
}
.star:nth-child(49) {
  --star-tail-length: 5.13em;
  --top-offset: 73.23vh;
  --fall-duration: 6.885s;
  --fall-delay: 3.175s;
}
.star:nth-child(50) {
  --star-tail-length: 5.67em;
  --top-offset: 28.05vh;
  --fall-duration: 7.16s;
  --fall-delay: 7.237s;
}
.star::before, .star::after {
  position: absolute;
  content: "";
  top: 0;
  left: calc(var(--star-width) / -2);
  width: var(--star-width);
  height: 100%;
  background: linear-gradient(45deg, transparent, currentColor, transparent);
  border-radius: inherit;
  animation: blink 2s linear infinite;
}
.star::before {
  transform: rotate(45deg);
}
.star::after {
  transform: rotate(-45deg);
}

@keyframes fall {
  to {
    transform: translate3d(-30em, 0, 0);
  }
}
@keyframes tail-fade {
  0%, 50% {
    width: var(--star-tail-length);
    opacity: 1;
  }
  70%, 80% {
    width: 0;
    opacity: 0.4;
  }
  100% {
    width: 0;
    opacity: 0;
  }
}
@keyframes blink {
  50% {
    opacity: 0.6;
  }
}
#RIZZ{
  color: #6993c2;
  z-index: -1;
}

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