@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}
body {
  margin: 0;
  overflow: hidden;
}
.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #000000;
	opacity: 0.2;
    overflow: hidden;
}

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


.background span:nth-child(0) {
    color: #eaeff1;
    top: 65%;
    left: 33%;
    animation-duration: 66s;
    animation-delay: -81s;
    transform-origin: 24vw 15vh;
    box-shadow: -24vmin 0 3.3070397908060745vmin currentColor;
}
.background span:nth-child(1) {
    color: #6f0626;
    top: 56%;
    left: 21%;
    animation-duration: 26s;
    animation-delay: -70s;
    transform-origin: 10vw -11vh;
    box-shadow: 24vmin 0 3.858584786897412vmin currentColor;
}
.background span:nth-child(2) {
    color: #FFACAC;
    top: 78%;
    left: 96%;
    animation-duration: 78s;
    animation-delay: -7s;
    transform-origin: 12vw 14vh;
    box-shadow: 24vmin 0 3.1589854147500276vmin currentColor;
}
.background span:nth-child(3) {
    color: #FFACAC;
    top: 28%;
    left: 21%;
    animation-duration: 8s;
    animation-delay: -5s;
    transform-origin: -19vw -15vh;
    box-shadow: 24vmin 0 3.4380214636284987vmin currentColor;
}
.background span:nth-child(4) {
    color: #6f0626;
    top: 44%;
    left: 13%;
    animation-duration: 77s;
    animation-delay: -18s;
    transform-origin: 3vw 14vh;
    box-shadow: -24vmin 0 3.8015221958260508vmin currentColor;
}
.background span:nth-child(5) {
    color: #eaeff1;
    top: 62%;
    left: 33%;
    animation-duration: 92s;
    animation-delay: -36s;
    transform-origin: -17vw -11vh;
    box-shadow: 24vmin 0 3.5645021155978736vmin currentColor;
}
.background span:nth-child(6) {
    color: #6f0626;
    top: 60%;
    left: 12%;
    animation-duration: 84s;
    animation-delay: -1s;
    transform-origin: 4vw 1vh;
    box-shadow: -24vmin 0 3.88579701792224vmin currentColor;
}
.background span:nth-child(7) {
    color: #6f0626;
    top: 52%;
    left: 73%;
    animation-duration: 7s;
    animation-delay: -39s;
    transform-origin: -5vw 5vh;
    box-shadow: -24vmin 0 3.4652171779363297vmin currentColor;
}
.background span:nth-child(8) {
    color: #FFACAC;
    top: 10%;
    left: 47%;
    animation-duration: 23s;
    animation-delay: -72s;
    transform-origin: 2vw -4vh;
    box-shadow: -24vmin 0 3.4846677263161308vmin currentColor;
}
.background span:nth-child(9) {
    color: #6f0626;
    top: 18%;
    left: 47%;
    animation-duration: 23s;
    animation-delay: -44s;
    transform-origin: -5vw 21vh;
    box-shadow: -24vmin 0 3.2793372583043583vmin currentColor;
}
.background span:nth-child(10) {
    color: #FFACAC;
    top: 21%;
    left: 98%;
    animation-duration: 53s;
    animation-delay: -27s;
    transform-origin: 1vw 10vh;
    box-shadow: 24vmin 0 3.8660550035294503vmin currentColor;
}
.background span:nth-child(11) {
    color: #eaeff1;
    top: 25%;
    left: 14%;
    animation-duration: 28s;
    animation-delay: -14s;
    transform-origin: -2vw -15vh;
    box-shadow: 24vmin 0 3.7317136503960873vmin currentColor;
}
.background span:nth-child(12) {
    color: #FFACAC;
    top: 43%;
    left: 22%;
    animation-duration: 69s;
    animation-delay: -10s;
    transform-origin: 4vw -3vh;
    box-shadow: -24vmin 0 3.7253407567351005vmin currentColor;
}
.background span:nth-child(13) {
    color: #6f0626;
    top: 48%;
    left: 85%;
    animation-duration: 10s;
    animation-delay: -62s;
    transform-origin: 11vw 3vh;
    box-shadow: -24vmin 0 3.252442298516169vmin currentColor;
}
.background span:nth-child(14) {
    color: #6f0626;
    top: 55%;
    left: 82%;
    animation-duration: 58s;
    animation-delay: -66s;
    transform-origin: -9vw 19vh;
    box-shadow: -24vmin 0 3.223695119442275vmin currentColor;
}
.background span:nth-child(15) {
    color: #6f0626;
    top: 55%;
    left: 11%;
    animation-duration: 86s;
    animation-delay: -88s;
    transform-origin: 6vw -11vh;
    box-shadow: 24vmin 0 3.1932319292954388vmin currentColor;
}
.background span:nth-child(16) {
    color: #FFACAC;
    top: 86%;
    left: 17%;
    animation-duration: 94s;
    animation-delay: -75s;
    transform-origin: 2vw -8vh;
    box-shadow: -24vmin 0 3.4901595911513246vmin currentColor;
}
.background span:nth-child(17) {
    color: #FFACAC;
    top: 25%;
    left: 48%;
    animation-duration: 44s;
    animation-delay: -38s;
    transform-origin: -16vw 4vh;
    box-shadow: 24vmin 0 3.369770037600844vmin currentColor;
}
.background span:nth-child(18) {
    color: #6f0626;
    top: 82%;
    left: 68%;
    animation-duration: 83s;
    animation-delay: -84s;
    transform-origin: 24vw -19vh;
    box-shadow: 24vmin 0 3.3334200015916537vmin currentColor;
}
.background span:nth-child(19) {
    color: #FFACAC;
    top: 90%;
    left: 70%;
    animation-duration: 51s;
    animation-delay: -30s;
    transform-origin: -2vw 10vh;
    box-shadow: 24vmin 0 3.1116167010793445vmin currentColor;
}