style.css

body{
  background-color: black;
  color: white;
}

.viewport {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 95%;
  height: 95%;
}

.parent {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  height: 95%;
  aspect-ratio: 100/181;
}

.bulet-overlay {
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 10;
}

.stick {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -999;
}

.lampu {
  width: 77%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 1.4%;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: -10;
}

.bulat {
  background-image: linear-gradient(to right, #fed605, #ff7631, #ff5793);
  filter: blur(1px);
  border-radius: 50%;
  height: 100%;
  width: 100%;
  animation: rotation 2s infinite linear;
  position: absolute;
}
 
.blur {
  filter: blur(30px);
  position: absolute;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}