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

.stars {
    position: fixed;
    top: 1;
    left: 5;
    transform: rotate(-45deg);
  }
  
  .star {
    --star-color: white;
    --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.38em;
    --top-offset: 93.93vh;
    --fall-duration: 10.816s;
    --fall-delay: 5.556s;
  }
  .star:nth-child(2) {
    --star-tail-length: 7.24em;
    --top-offset: 25.28vh;
    --fall-duration: 11.912s;
    --fall-delay: 9.575s;
  }
  .star:nth-child(3) {
    --star-tail-length: 6.63em;
    --top-offset: 64.7vh;
    --fall-duration: 10.478s;
    --fall-delay: 9.859s;
  }
  .star:nth-child(4) {
    --star-tail-length: 5.53em;
    --top-offset: 56vh;
    --fall-duration: 10.883s;
    --fall-delay: 8.444s;
  }
  .star:nth-child(5) {
    --star-tail-length: 6.6em;
    --top-offset: 55.65vh;
    --fall-duration: 9.922s;
    --fall-delay: 2.976s;
  }
  .star:nth-child(6) {
    --star-tail-length: 6.64em;
    --top-offset: 81.51vh;
    --fall-duration: 6.715s;
    --fall-delay: 0.115s;
  }
  .star:nth-child(7) {
    --star-tail-length: 5.38em;
    --top-offset: 84.8vh;
    --fall-duration: 9.394s;
    --fall-delay: 3.384s;
  }
  .star:nth-child(8) {
    --star-tail-length: 7.35em;
    --top-offset: 96.05vh;
    --fall-duration: 7.738s;
    --fall-delay: 8.992s;
  }
  .star:nth-child(9) {
    --star-tail-length: 5.34em;
    --top-offset: 20.7vh;
    --fall-duration: 6.109s;
    --fall-delay: 5.244s;
  }
  .star:nth-child(10) {
    --star-tail-length: 5.73em;
    --top-offset: 80.8vh;
    --fall-duration: 7.877s;
    --fall-delay: 8.196s;
  }
  .star:nth-child(11) {
    --star-tail-length: 6.35em;
    --top-offset: 89.43vh;
    --fall-duration: 8.382s;
    --fall-delay: 2.074s;
  }
  .star:nth-child(12) {
    --star-tail-length: 7.43em;
    --top-offset: 48.12vh;
    --fall-duration: 11.644s;
    --fall-delay: 3.465s;
  }
  .star:nth-child(13) {
    --star-tail-length: 5.85em;
    --top-offset: 29.49vh;
    --fall-duration: 7.066s;
    --fall-delay: 4.501s;
  }
  .star:nth-child(14) {
    --star-tail-length: 5.2em;
    --top-offset: 12.73vh;
    --fall-duration: 6.716s;
    --fall-delay: 3.138s;
  }
  .star:nth-child(15) {
    --star-tail-length: 5.85em;
    --top-offset: 50.56vh;
    --fall-duration: 11.356s;
    --fall-delay: 1.329s;
  }
  .star:nth-child(16) {
    --star-tail-length: 6.45em;
    --top-offset: 9.58vh;
    --fall-duration: 10.365s;
    --fall-delay: 2.109s;
  }
  .star:nth-child(17) {
    --star-tail-length: 5.08em;
    --top-offset: 65.25vh;
    --fall-duration: 7.382s;
    --fall-delay: 6.908s;
  }
  .star:nth-child(18) {
    --star-tail-length: 7.4em;
    --top-offset: 47.16vh;
    --fall-duration: 8.645s;
    --fall-delay: 7.793s;
  }
  .star:nth-child(19) {
    --star-tail-length: 5.84em;
    --top-offset: 58.77vh;
    --fall-duration: 9.951s;
    --fall-delay: 2.196s;
  }
  .star:nth-child(20) {
    --star-tail-length: 6.39em;
    --top-offset: 93.46vh;
    --fall-duration: 7.138s;
    --fall-delay: 9.052s;
  }
  .star:nth-child(21) {
    --star-tail-length: 6.1em;
    --top-offset: 9.34vh;
    --fall-duration: 6.841s;
    --fall-delay: 5.645s;
  }
  .star:nth-child(22) {
    --star-tail-length: 5.64em;
    --top-offset: 31.83vh;
    --fall-duration: 11.434s;
    --fall-delay: 1.843s;
  }
  .star:nth-child(23) {
    --star-tail-length: 5.97em;
    --top-offset: 39.2vh;
    --fall-duration: 11.466s;
    --fall-delay: 2.895s;
  }
  .star:nth-child(24) {
    --star-tail-length: 6.95em;
    --top-offset: 76.67vh;
    --fall-duration: 9.077s;
    --fall-delay: 7.29s;
  }
  .star:nth-child(25) {
    --star-tail-length: 5.01em;
    --top-offset: 47.06vh;
    --fall-duration: 8.789s;
    --fall-delay: 4.931s;
  }
  .star:nth-child(26) {
    --star-tail-length: 7.08em;
    --top-offset: 71.36vh;
    --fall-duration: 10.808s;
    --fall-delay: 4.622s;
  }
  .star:nth-child(27) {
    --star-tail-length: 6.67em;
    --top-offset: 78.23vh;
    --fall-duration: 6.039s;
    --fall-delay: 2.123s;
  }
  .star:nth-child(28) {
    --star-tail-length: 7.25em;
    --top-offset: 82.22vh;
    --fall-duration: 6.746s;
    --fall-delay: 2.185s;
  }
  .star:nth-child(29) {
    --star-tail-length: 5.56em;
    --top-offset: 5.18vh;
    --fall-duration: 7.321s;
    --fall-delay: 8.692s;
  }
  .star:nth-child(30) {
    --star-tail-length: 6.47em;
    --top-offset: 26.34vh;
    --fall-duration: 9.501s;
    --fall-delay: 8.765s;
  }
  .star:nth-child(31) {
    --star-tail-length: 7.37em;
    --top-offset: 22.06vh;
    --fall-duration: 7.347s;
    --fall-delay: 9.035s;
  }
  .star:nth-child(32) {
    --star-tail-length: 7.49em;
    --top-offset: 95.51vh;
    --fall-duration: 8.684s;
    --fall-delay: 6.774s;
  }
  .star:nth-child(33) {
    --star-tail-length: 6.96em;
    --top-offset: 92.33vh;
    --fall-duration: 9.349s;
    --fall-delay: 1.285s;
  }
  .star:nth-child(34) {
    --star-tail-length: 5.11em;
    --top-offset: 78.89vh;
    --fall-duration: 11.031s;
    --fall-delay: 9.485s;
  }
  .star:nth-child(35) {
    --star-tail-length: 7.13em;
    --top-offset: 19.21vh;
    --fall-duration: 6.703s;
    --fall-delay: 5.387s;
  }
  .star:nth-child(36) {
    --star-tail-length: 5.27em;
    --top-offset: 39.34vh;
    --fall-duration: 10.523s;
    --fall-delay: 9.391s;
  }
  .star:nth-child(37) {
    --star-tail-length: 7.31em;
    --top-offset: 56.03vh;
    --fall-duration: 9.445s;
    --fall-delay: 0.576s;
  }
  .star:nth-child(38) {
    --star-tail-length: 5.52em;
    --top-offset: 38.77vh;
    --fall-duration: 8.33s;
    --fall-delay: 4.767s;
  }
  .star:nth-child(39) {
    --star-tail-length: 5.25em;
    --top-offset: 95.82vh;
    --fall-duration: 9.002s;
    --fall-delay: 6.48s;
  }
  .star:nth-child(40) {
    --star-tail-length: 6.8em;
    --top-offset: 15.45vh;
    --fall-duration: 7.843s;
    --fall-delay: 3.359s;
  }
  .star:nth-child(41) {
    --star-tail-length: 6.5em;
    --top-offset: 47.3vh;
    --fall-duration: 11.803s;
    --fall-delay: 1.889s;
  }
  .star:nth-child(42) {
    --star-tail-length: 7.45em;
    --top-offset: 98.06vh;
    --fall-duration: 10.375s;
    --fall-delay: 9.742s;
  }
  .star:nth-child(43) {
    --star-tail-length: 6.03em;
    --top-offset: 51.54vh;
    --fall-duration: 7.331s;
    --fall-delay: 8.407s;
  }
  .star:nth-child(44) {
    --star-tail-length: 7.03em;
    --top-offset: 78.64vh;
    --fall-duration: 6.345s;
    --fall-delay: 0.91s;
  }
  .star:nth-child(45) {
    --star-tail-length: 6.46em;
    --top-offset: 32.3vh;
    --fall-duration: 8.798s;
    --fall-delay: 8.548s;
  }
  .star:nth-child(46) {
    --star-tail-length: 6.02em;
    --top-offset: 84.09vh;
    --fall-duration: 11.671s;
    --fall-delay: 7.181s;
  }
  .star:nth-child(47) {
    --star-tail-length: 5.52em;
    --top-offset: 63.15vh;
    --fall-duration: 10.384s;
    --fall-delay: 8.595s;
  }
  .star:nth-child(48) {
    --star-tail-length: 6.09em;
    --top-offset: 94.01vh;
    --fall-duration: 6.762s;
    --fall-delay: 9.781s;
  }
  .star:nth-child(49) {
    --star-tail-length: 6.7em;
    --top-offset: 90.64vh;
    --fall-duration: 10.556s;
    --fall-delay: 2.722s;
  }
  .star:nth-child(50) {
    --star-tail-length: 5.12em;
    --top-offset: 36.34vh;
    --fall-duration: 7.985s;
    --fall-delay: 7.255s;
  }
  .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;
    }
  }