.bokeh span {
  width: 15vmin;
  height: 15vmin;
  border-radius: 15vmin;
  backface-visibility: hidden;
  position: absolute;
  animation-name: move;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.bokeh span:nth-child(1) {
  color: #ffbb00;
  top: 162%;
  left: 90%;
  animation-duration: 14.8s;
  animation-delay: -3.1s;
  transform-origin: -19vw 7vh;
  box-shadow: -30vmin 0 20.1414423044vmin currentColor;
}
.bokeh span:nth-child(2) {
  color: #ffbb00;
  top: 178%;
  left: 196%;
  animation-duration: 13.7s;
  animation-delay: -11s;
  transform-origin: -8vw 21vh;
  box-shadow: -30vmin 0 13.3172017115vmin currentColor;
}
.bokeh span:nth-child(3) {
  color: #ff6d00;
  top: 64%;
  left: 12%;
  animation-duration: 11.2s;
  animation-delay: -2s;
  transform-origin: -23vw 11vh;
  box-shadow: -30vmin 0 12.9713942427vmin currentColor;
}
.bokeh span:nth-child(4) {
  color: #ffbb00;
  top: 22%;
  left: 154%;
  animation-duration: 13.4s;
  animation-delay: -3.9s;
  transform-origin: 17vw -5vh;
  box-shadow: 30vmin 0 22.6728909061vmin currentColor;
}
.bokeh span:nth-child(5) {
  color: #ff6d00;
  top: 4%;
  left: 26%;
  animation-duration: 11s;
  animation-delay: -11.3s;
  transform-origin: 13vw 0vh;
  box-shadow: 30vmin 0 15.9004939339vmin currentColor;
}
.bokeh span:nth-child(6) {
  color: #00e5ff;
  top: 58%;
  left: 8%;
  animation-duration: 12.4s;
  animation-delay: -7.7s;
  transform-origin: -8vw -20vh;
  box-shadow: -30vmin 0 12.31850141vmin currentColor;
}
.bokeh span:nth-child(7) {
  color: #ff6d00;
  top: 8%;
  left: 24%;
  animation-duration: 11.9s;
  animation-delay: -5.4s;
  transform-origin: 3vw 12vh;
  box-shadow: 30vmin 0 19.1342721905vmin currentColor;
}
.bokeh span:nth-child(8) {
  color: #ffbb00;
  top: 12%;
  left: 40%;
  animation-duration: 16s;
  animation-delay: -11.5s;
  transform-origin: -5vw -22vh;
  box-shadow: -30vmin 0 21.8913312447vmin currentColor;
}
.bokeh span:nth-child(9) {
  color: #00e5ff;
  top: 166%;
  left: 146%;
  animation-duration: 11s;
  animation-delay: -11.4s;
  transform-origin: 23vw 1vh;
  box-shadow: 30vmin 0 14.2448228301vmin currentColor;
}
.bokeh span:nth-child(10) {
  color: #ffbb00;
  top: 54%;
  left: 156%;
  animation-duration: 12.1s;
  animation-delay: -1.9s;
  transform-origin: -8vw 17vh;
  box-shadow: -30vmin 0 16.687694835vmin currentColor;
}
.bokeh span:nth-child(11) {
  color: #00e5ff;
  top: 68%;
  left: 8%;
  animation-duration: 15.7s;
  animation-delay: -0.1s;
  transform-origin: 24vw -22vh;
  box-shadow: 30vmin 0 17.2982249619vmin currentColor;
}
.bokeh span:nth-child(12) {
  color: #00e5ff;
  top: 54%;
  left: 98%;
  animation-duration: 14.4s;
  animation-delay: -7.9s;
  transform-origin: 22vw -4vh;
  box-shadow: 30vmin 0 15.3236648002vmin currentColor;
}
.bokeh span:nth-child(13) {
  color: #ffbb00;
  top: 108%;
  left: 190%;
  animation-duration: 11s;
  animation-delay: -11.5s;
  transform-origin: -7vw 22vh;
  box-shadow: 30vmin 0 12.9010860464vmin currentColor;
}
.bokeh span:nth-child(14) {
  color: #ffbb00;
  top: 16%;
  left: 112%;
  animation-duration: 12.9s;
  animation-delay: -4.5s;
  transform-origin: -4vw 19vh;
  box-shadow: -30vmin 0 14.5038759641vmin currentColor;
}
.bokeh span:nth-child(15) {
  color: #ff6d00;
  top: 192%;
  left: 188%;
  animation-duration: 13.5s;
  animation-delay: -10.8s;
  transform-origin: 4vw 16vh;
  box-shadow: 30vmin 0 18.94645518vmin currentColor;
}
.bokeh span:nth-child(16) {
  color: #ff6d00;
  top: 120%;
  left: 46%;
  animation-duration: 12.8s;
  animation-delay: -5s;
  transform-origin: 10vw 10vh;
  box-shadow: -30vmin 0 21.4317472301vmin currentColor;
}
.bokeh span:nth-child(17) {
  color: #00e5ff;
  top: 44%;
  left: 6%;
  animation-duration: 15.3s;
  animation-delay: -9.9s;
  transform-origin: 17vw 8vh;
  box-shadow: 30vmin 0 16.7396639448vmin currentColor;
}
.bokeh span:nth-child(18) {
  color: #00e5ff;
  top: 160%;
  left: 98%;
  animation-duration: 15.4s;
  animation-delay: -1s;
  transform-origin: 21vw -15vh;
  box-shadow: 30vmin 0 15.7294448338vmin currentColor;
}
.bokeh span:nth-child(19) {
  color: #00e5ff;
  top: 168%;
  left: 190%;
  animation-duration: 15.4s;
  animation-delay: -9.7s;
  transform-origin: 2vw 5vh;
  box-shadow: -30vmin 0 18.0736809675vmin currentColor;
}
.bokeh span:nth-child(20) {
  color: #00e5ff;
  top: 68%;
  left: 30%;
  animation-duration: 10.3s;
  animation-delay: -4.4s;
  transform-origin: 0vw -2vh;
  box-shadow: 30vmin 0 14.6454485398vmin currentColor;
}

@keyframes move {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}