* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #000;
  overflow: hidden;
}

#scene {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-style: preserve-3d;
  position: relative;
  perspective: 1000px;
  animation: rotate-scene 60s linear infinite;
}
@keyframes rotate-scene {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}

.star {
  position: absolute;
  opacity: 0;
  width: 300px;
  height: 1px;
  background: linear-gradient(90deg, hsl(221.78deg 72% 73%), rgba(255, 255, 255, 0));
  animation: animate-star 5s var(--delay) infinite;
}
.star:nth-child(1) {
  --x: -90px;
  --y: -90px;
  --delay: 0.1145001045s;
}
.star:nth-child(2) {
  --x: -90px;
  --y: -70px;
  --delay: 4.6134862356s;
}
.star:nth-child(3) {
  --x: -90px;
  --y: -50px;
  --delay: 0.4574265758s;
}
.star:nth-child(4) {
  --x: -90px;
  --y: -30px;
  --delay: 4.2740522459s;
}
.star:nth-child(5) {
  --x: -90px;
  --y: -10px;
  --delay: 0.952112283s;
}
.star:nth-child(6) {
  --x: -90px;
  --y: 10px;
  --delay: 2.0984136682s;
}
.star:nth-child(7) {
  --x: -90px;
  --y: 30px;
  --delay: 4.122316056s;
}
.star:nth-child(8) {
  --x: -90px;
  --y: 50px;
  --delay: 2.4866412203s;
}
.star:nth-child(9) {
  --x: -90px;
  --y: 70px;
  --delay: 2.789561608s;
}
.star:nth-child(10) {
  --x: -90px;
  --y: 90px;
  --delay: 1.8395546317s;
}
.star:nth-child(11) {
  --x: -70px;
  --y: -90px;
  --delay: 2.9669276221s;
}
.star:nth-child(12) {
  --x: -70px;
  --y: -70px;
  --delay: 0.5787982102s;
}
.star:nth-child(13) {
  --x: -70px;
  --y: -50px;
  --delay: 4.0465113215s;
}
.star:nth-child(14) {
  --x: -70px;
  --y: -30px;
  --delay: 0.5616198186s;
}
.star:nth-child(15) {
  --x: -70px;
  --y: -10px;
  --delay: 4.4717447727s;
}
.star:nth-child(16) {
  --x: -70px;
  --y: 10px;
  --delay: 3.0453263647s;
}
.star:nth-child(17) {
  --x: -70px;
  --y: 30px;
  --delay: 4.1142081924s;
}
.star:nth-child(18) {
  --x: -70px;
  --y: 50px;
  --delay: 0.4199020482s;
}
.star:nth-child(19) {
  --x: -70px;
  --y: 70px;
  --delay: 0.3291239768s;
}
.star:nth-child(20) {
  --x: -70px;
  --y: 90px;
  --delay: 2.3051083493s;
}
.star:nth-child(21) {
  --x: -50px;
  --y: -90px;
  --delay: 2.4228610712s;
}
.star:nth-child(22) {
  --x: -50px;
  --y: -70px;
  --delay: 4.6540354013s;
}
.star:nth-child(23) {
  --x: -50px;
  --y: -50px;
  --delay: 3.6225313281s;
}
.star:nth-child(24) {
  --x: -50px;
  --y: -30px;
  --delay: 1.3300611712s;
}
.star:nth-child(25) {
  --x: -50px;
  --y: -10px;
  --delay: 2.8517036298s;
}
.star:nth-child(26) {
  --x: -50px;
  --y: 10px;
  --delay: 1.9453495692s;
}
.star:nth-child(27) {
  --x: -50px;
  --y: 30px;
  --delay: 0.9438604573s;
}
.star:nth-child(28) {
  --x: -50px;
  --y: 50px;
  --delay: 1.282333809s;
}
.star:nth-child(29) {
  --x: -50px;
  --y: 70px;
  --delay: 2.5000581553s;
}
.star:nth-child(30) {
  --x: -50px;
  --y: 90px;
  --delay: 1.9987536497s;
}
.star:nth-child(31) {
  --x: -30px;
  --y: -90px;
  --delay: 4.0611983425s;
}
.star:nth-child(32) {
  --x: -30px;
  --y: -70px;
  --delay: 4.7175610288s;
}
.star:nth-child(33) {
  --x: -30px;
  --y: -50px;
  --delay: 4.4652928907s;
}
.star:nth-child(34) {
  --x: -30px;
  --y: -30px;
  --delay: 4.3246306455s;
}
.star:nth-child(35) {
  --x: -30px;
  --y: -10px;
  --delay: 1.2300196281s;
}
.star:nth-child(36) {
  --x: -30px;
  --y: 10px;
  --delay: 4.986259903s;
}
.star:nth-child(37) {
  --x: -30px;
  --y: 30px;
  --delay: 0.9944830989s;
}
.star:nth-child(38) {
  --x: -30px;
  --y: 50px;
  --delay: 1.4704786474s;
}
.star:nth-child(39) {
  --x: -30px;
  --y: 70px;
  --delay: 0.7626201699s;
}
.star:nth-child(40) {
  --x: -30px;
  --y: 90px;
  --delay: 0.8511330756s;
}
.star:nth-child(41) {
  --x: -10px;
  --y: -90px;
  --delay: 4.3213032873s;
}
.star:nth-child(42) {
  --x: -10px;
  --y: -70px;
  --delay: 3.6419092551s;
}
.star:nth-child(43) {
  --x: -10px;
  --y: -50px;
  --delay: 2.6878933485s;
}
.star:nth-child(44) {
  --x: -10px;
  --y: -30px;
  --delay: 2.8396259298s;
}
.star:nth-child(45) {
  --x: -10px;
  --y: -10px;
  --delay: 1.4071256907s;
}
.star:nth-child(46) {
  --x: -10px;
  --y: 10px;
  --delay: 4.1737356223s;
}
.star:nth-child(47) {
  --x: -10px;
  --y: 30px;
  --delay: 4.261766357s;
}
.star:nth-child(48) {
  --x: -10px;
  --y: 50px;
  --delay: 2.4807483062s;
}
.star:nth-child(49) {
  --x: -10px;
  --y: 70px;
  --delay: 4.5134351001s;
}
.star:nth-child(50) {
  --x: -10px;
  --y: 90px;
  --delay: 1.2825089395s;
}
.star:nth-child(51) {
  --x: 10px;
  --y: -90px;
  --delay: 2.204186286s;
}
.star:nth-child(52) {
  --x: 10px;
  --y: -70px;
  --delay: 1.8064246145s;
}
.star:nth-child(53) {
  --x: 10px;
  --y: -50px;
  --delay: 3.4826231267s;
}
.star:nth-child(54) {
  --x: 10px;
  --y: -30px;
  --delay: 1.264936554s;
}
.star:nth-child(55) {
  --x: 10px;
  --y: -10px;
  --delay: 0.2326809087s;
}
.star:nth-child(56) {
  --x: 10px;
  --y: 10px;
  --delay: 3.0908221984s;
}
.star:nth-child(57) {
  --x: 10px;
  --y: 30px;
  --delay: 1.1452315121s;
}
.star:nth-child(58) {
  --x: 10px;
  --y: 50px;
  --delay: 0.6353598588s;
}
.star:nth-child(59) {
  --x: 10px;
  --y: 70px;
  --delay: 4.4887079858s;
}
.star:nth-child(60) {
  --x: 10px;
  --y: 90px;
  --delay: 3.3242657697s;
}
.star:nth-child(61) {
  --x: 30px;
  --y: -90px;
  --delay: 0.2238862693s;
}
.star:nth-child(62) {
  --x: 30px;
  --y: -70px;
  --delay: 2.5383409724s;
}
.star:nth-child(63) {
  --x: 30px;
  --y: -50px;
  --delay: 0.8260215551s;
}
.star:nth-child(64) {
  --x: 30px;
  --y: -30px;
  --delay: 1.1731266143s;
}
.star:nth-child(65) {
  --x: 30px;
  --y: -10px;
  --delay: 3.4954124924s;
}
.star:nth-child(66) {
  --x: 30px;
  --y: 10px;
  --delay: 2.9528726146s;
}
.star:nth-child(67) {
  --x: 30px;
  --y: 30px;
  --delay: 0.5014285658s;
}
.star:nth-child(68) {
  --x: 30px;
  --y: 50px;
  --delay: 0.7333625258s;
}
.star:nth-child(69) {
  --x: 30px;
  --y: 70px;
  --delay: 4.3629424305s;
}
.star:nth-child(70) {
  --x: 30px;
  --y: 90px;
  --delay: 4.9709507675s;
}
.star:nth-child(71) {
  --x: 50px;
  --y: -90px;
  --delay: 0.9265524943s;
}
.star:nth-child(72) {
  --x: 50px;
  --y: -70px;
  --delay: 1.927417722s;
}
.star:nth-child(73) {
  --x: 50px;
  --y: -50px;
  --delay: 0.5435676723s;
}
.star:nth-child(74) {
  --x: 50px;
  --y: -30px;
  --delay: 3.4879342827s;
}
.star:nth-child(75) {
  --x: 50px;
  --y: -10px;
  --delay: 3.678363431s;
}
.star:nth-child(76) {
  --x: 50px;
  --y: 10px;
  --delay: 3.0282452377s;
}
.star:nth-child(77) {
  --x: 50px;
  --y: 30px;
  --delay: 1.2648144013s;
}
.star:nth-child(78) {
  --x: 50px;
  --y: 50px;
  --delay: 3.1159234548s;
}
.star:nth-child(79) {
  --x: 50px;
  --y: 70px;
  --delay: 4.2430441046s;
}
.star:nth-child(80) {
  --x: 50px;
  --y: 90px;
  --delay: 1.8467703981s;
}
.star:nth-child(81) {
  --x: 70px;
  --y: -90px;
  --delay: 2.8093361067s;
}
.star:nth-child(82) {
  --x: 70px;
  --y: -70px;
  --delay: 4.4429400443s;
}
.star:nth-child(83) {
  --x: 70px;
  --y: -50px;
  --delay: 2.5065043705s;
}
.star:nth-child(84) {
  --x: 70px;
  --y: -30px;
  --delay: 0.2469576327s;
}
.star:nth-child(85) {
  --x: 70px;
  --y: -10px;
  --delay: 3.8095147824s;
}
.star:nth-child(86) {
  --x: 70px;
  --y: 10px;
  --delay: 4.6287719121s;
}
.star:nth-child(87) {
  --x: 70px;
  --y: 30px;
  --delay: 1.8475128107s;
}
.star:nth-child(88) {
  --x: 70px;
  --y: 50px;
  --delay: 1.6494139501s;
}
.star:nth-child(89) {
  --x: 70px;
  --y: 70px;
  --delay: 2.5367067142s;
}
.star:nth-child(90) {
  --x: 70px;
  --y: 90px;
  --delay: 3.8171461976s;
}
.star:nth-child(91) {
  --x: 90px;
  --y: -90px;
  --delay: 1.9517030023s;
}
.star:nth-child(92) {
  --x: 90px;
  --y: -70px;
  --delay: 2.5540798769s;
}
.star:nth-child(93) {
  --x: 90px;
  --y: -50px;
  --delay: 0.1781329999s;
}
.star:nth-child(94) {
  --x: 90px;
  --y: -30px;
  --delay: 2.1489741323s;
}
.star:nth-child(95) {
  --x: 90px;
  --y: -10px;
  --delay: 4.7849881538s;
}
.star:nth-child(96) {
  --x: 90px;
  --y: 10px;
  --delay: 3.3989626626s;
}
.star:nth-child(97) {
  --x: 90px;
  --y: 30px;
  --delay: 3.1230141243s;
}
.star:nth-child(98) {
  --x: 90px;
  --y: 50px;
  --delay: 4.6445508175s;
}
.star:nth-child(99) {
  --x: 90px;
  --y: 70px;
  --delay: 2.7430632244s;
}
.star:nth-child(100) {
  --x: 90px;
  --y: 90px;
  --delay: 3.5593772116s;
}
@keyframes animate-star {
  0% {
    opacity: 0;
    transform: translateX(var(--x)) translateY(var(--y)) translateZ(0px) rotateY(90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(var(--x)) translateY(var(--y)) translateZ(1400px) rotateY(90deg);
  }
}

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