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

.background {
  opacity: 30%;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: #ffffff;
  overflow: hidden;
}

.background span {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  backface-visibility: hidden;
  position: absolute;
  animation: move;
  animation-duration: 8;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.background span:nth-child(0) {
  color: #602e65;
  top: 85%;
  left: 3%;
  animation-duration: 138s;
  animation-delay: -229s;
  transform-origin: 22vw 5vh;
  box-shadow: 2vmin 0 0.6393743790181468vmin currentColor;
}
.background span:nth-child(1) {
  color: #602e65;
  top: 95%;
  left: 74%;
  animation-duration: 387s;
  animation-delay: -184s;
  transform-origin: 17vw -3vh;
  box-shadow: 2vmin 0 1.1949954402057361vmin currentColor;
}
.background span:nth-child(2) {
  color: #602e65;
  top: 3%;
  left: 94%;
  animation-duration: 170s;
  animation-delay: -267s;
  transform-origin: 12vw -19vh;
  box-shadow: 2vmin 0 0.5636488134727395vmin currentColor;
}
.background span:nth-child(3) {
  color: #602e65;
  top: 9%;
  left: 90%;
  animation-duration: 133s;
  animation-delay: -144s;
  transform-origin: -10vw 3vh;
  box-shadow: 2vmin 0 1.1207732105547414vmin currentColor;
}
.background span:nth-child(4) {
  color: #602e65;
  top: 9%;
  left: 94%;
  animation-duration: 282s;
  animation-delay: -194s;
  transform-origin: 18vw -18vh;
  box-shadow: -2vmin 0 1.1824051343269542vmin currentColor;
}
.background span:nth-child(5) {
  color: #602e65;
  top: 90%;
  left: 4%;
  animation-duration: 16s;
  animation-delay: -131s;
  transform-origin: 21vw -2vh;
  box-shadow: 2vmin 0 0.7504373901902917vmin currentColor;
}
.background span:nth-child(6) {
  color: #602e65;
  top: 55%;
  left: 46%;
  animation-duration: 390s;
  animation-delay: -39s;
  transform-origin: 15vw -2vh;
  box-shadow: 2vmin 0 1.0830783150784864vmin currentColor;
}
.background span:nth-child(7) {
  color: #602e65;
  top: 15%;
  left: 47%;
  animation-duration: 43s;
  animation-delay: -77s;
  transform-origin: -13vw 21vh;
  box-shadow: 2vmin 0 1.165656829836224vmin currentColor;
}
.background span:nth-child(8) {
  color: #602e65;
  top: 71%;
  left: 82%;
  animation-duration: 319s;
  animation-delay: -191s;
  transform-origin: 0vw -3vh;
  box-shadow: 2vmin 0 0.8506336849010563vmin currentColor;
}
.background span:nth-child(9) {
  color: #602e65;
  top: 35%;
  left: 51%;
  animation-duration: 283s;
  animation-delay: -188s;
  transform-origin: 20vw 24vh;
  box-shadow: 2vmin 0 0.36447489356339147vmin currentColor;
}
.background span:nth-child(10) {
  color: #602e65;
  top: 4%;
  left: 16%;
  animation-duration: 117s;
  animation-delay: -362s;
  transform-origin: 1vw -6vh;
  box-shadow: -2vmin 0 0.871863396500477vmin currentColor;
}
.background span:nth-child(11) {
  color: #602e65;
  top: 50%;
  left: 91%;
  animation-duration: 82s;
  animation-delay: -276s;
  transform-origin: 11vw 0vh;
  box-shadow: -2vmin 0 0.5938443624555094vmin currentColor;
}
.background span:nth-child(12) {
  color: #602e65;
  top: 83%;
  left: 68%;
  animation-duration: 314s;
  animation-delay: -141s;
  transform-origin: -24vw -24vh;
  box-shadow: -2vmin 0 0.9167612385980983vmin currentColor;
}
.background span:nth-child(13) {
  color: #602e65;
  top: 95%;
  left: 98%;
  animation-duration: 412s;
  animation-delay: -391s;
  transform-origin: 6vw 9vh;
  box-shadow: -2vmin 0 0.6264744178369603vmin currentColor;
}
.background span:nth-child(14) {
  color: #602e65;
  top: 8%;
  left: 42%;
  animation-duration: 276s;
  animation-delay: -182s;
  transform-origin: 6vw -16vh;
  box-shadow: -2vmin 0 0.9137537615646456vmin currentColor;
}
.background span:nth-child(15) {
  color: #602e65;
  top: 35%;
  left: 84%;
  animation-duration: 289s;
  animation-delay: -14s;
  transform-origin: -16vw -10vh;
  box-shadow: -2vmin 0 0.2905459899378473vmin currentColor;
}
.background span:nth-child(16) {
  color: #602e65;
  top: 53%;
  left: 40%;
  animation-duration: 106s;
  animation-delay: -331s;
  transform-origin: 21vw -12vh;
  box-shadow: 2vmin 0 0.3955703903621186vmin currentColor;
}
.background span:nth-child(17) {
  color: #602e65;
  top: 2%;
  left: 66%;
  animation-duration: 212s;
  animation-delay: -213s;
  transform-origin: -17vw -9vh;
  box-shadow: 2vmin 0 0.5699107925190323vmin currentColor;
}
.background span:nth-child(18) {
  color: #602e65;
  top: 5%;
  left: 13%;
  animation-duration: 397s;
  animation-delay: -154s;
  transform-origin: 13vw 0vh;
  box-shadow: 2vmin 0 0.9624351811528697vmin currentColor;
}
.background span:nth-child(19) {
  color: #602e65;
  top: 55%;
  left: 88%;
  animation-duration: 12s;
  animation-delay: -101s;
  transform-origin: -1vw -4vh;
  box-shadow: -2vmin 0 0.6187543046348825vmin currentColor;
}
.background span:nth-child(20) {
  color: #602e65;
  top: 31%;
  left: 98%;
  animation-duration: 203s;
  animation-delay: -420s;
  transform-origin: 11vw -19vh;
  box-shadow: 2vmin 0 0.7719483581881297vmin currentColor;
}
.background span:nth-child(21) {
  color: #602e65;
  top: 97%;
  left: 53%;
  animation-duration: 421s;
  animation-delay: -15s;
  transform-origin: -14vw -1vh;
  box-shadow: -2vmin 0 0.4203224673471253vmin currentColor;
}
.background span:nth-child(22) {
  color: #602e65;
  top: 34%;
  left: 8%;
  animation-duration: 325s;
  animation-delay: -236s;
  transform-origin: 6vw -24vh;
  box-shadow: -2vmin 0 0.6360120755027843vmin currentColor;
}
.background span:nth-child(23) {
  color: #602e65;
  top: 74%;
  left: 68%;
  animation-duration: 123s;
  animation-delay: -102s;
  transform-origin: -22vw 15vh;
  box-shadow: -2vmin 0 1.2000844745173698vmin currentColor;
}
.background span:nth-child(24) {
  color: #602e65;
  top: 77%;
  left: 67%;
  animation-duration: 363s;
  animation-delay: -161s;
  transform-origin: -24vw 14vh;
  box-shadow: -2vmin 0 0.8078157052739467vmin currentColor;
}
.background span:nth-child(25) {
  color: #602e65;
  top: 72%;
  left: 24%;
  animation-duration: 365s;
  animation-delay: -305s;
  transform-origin: -3vw -2vh;
  box-shadow: 2vmin 0 1.0620406644028235vmin currentColor;
}
.background span:nth-child(26) {
  color: #602e65;
  top: 52%;
  left: 28%;
  animation-duration: 22s;
  animation-delay: -384s;
  transform-origin: -9vw -9vh;
  box-shadow: -2vmin 0 0.9806750678454992vmin currentColor;
}
.background span:nth-child(27) {
  color: #602e65;
  top: 32%;
  left: 23%;
  animation-duration: 371s;
  animation-delay: -42s;
  transform-origin: 17vw 25vh;
  box-shadow: 2vmin 0 1.0344999910491348vmin currentColor;
}
.background span:nth-child(28) {
  color: #602e65;
  top: 59%;
  left: 85%;
  animation-duration: 305s;
  animation-delay: -314s;
  transform-origin: 12vw 11vh;
  box-shadow: 2vmin 0 0.36348343813552697vmin currentColor;
}
.background span:nth-child(29) {
  color: #602e65;
  top: 53%;
  left: 47%;
  animation-duration: 268s;
  animation-delay: -57s;
  transform-origin: -12vw -11vh;
  box-shadow: 2vmin 0 0.8462277519440407vmin currentColor;
}