body{height:100%;background: radial-gradient(ellipse , #000000 50%, #091321 90%); overflow: hidden}

.star {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  animation: drop 113s linear infinite;
}

.star.back-row {
  display: none;
  z-index: 1;
  bottom: 0px;
  opacity: 0.7;
  animation: drop 251s linear infinite;
}

.back-row-toggle .star.back-row {
  display: block;
}

.drop {
  position: absolute;
  bottom: 100%;
  width: 15px;
  height: 15px;
  pointer-events: none;
}


@keyframes drop {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0vw);
  }
}

.drop2 {
  position: absolute;
  bottom: 100%;
  width: 5px;
  height: 5px;
  pointer-events: none;
}

@keyframes drop2 {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0vw);
  }
}