@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #c98c59;
    overflow: hidden;
    z-index: -100;
}

.background span {
    width: 50vmin;
    height: 50vmin;
    border-radius: 50vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 5;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.background span:nth-child(0) {
    color: #bca71a;
    top: 30%;
    left: 26%;
    animation-duration: 127s;
    animation-delay: -102s;
    transform-origin: 11vw -9vh;
    box-shadow: -100vmin 0 12.712061640449294vmin currentColor;
}
.background span:nth-child(1) {
    color: #bca71a;
    top: 21%;
    left: 33%;
    animation-duration: 386s;
    animation-delay: -234s;
    transform-origin: -19vw -14vh;
    box-shadow: 100vmin 0 13.193996144015271vmin currentColor;
}
.background span:nth-child(2) {
    color: #ceb640;
    top: 18%;
    left: 86%;
    animation-duration: 82s;
    animation-delay: -429s;
    transform-origin: 2vw -4vh;
    box-shadow: 100vmin 0 12.615184067259758vmin currentColor;
}
.background span:nth-child(3) {
    color: #bca71a;
    top: 3%;
    left: 67%;
    animation-duration: 430s;
    animation-delay: -395s;
    transform-origin: -13vw 17vh;
    box-shadow: 100vmin 0 12.839590995843716vmin currentColor;
}
.background span:nth-child(4) {
    color: #bca71a;
    top: 90%;
    left: 53%;
    animation-duration: 373s;
    animation-delay: -165s;
    transform-origin: -15vw 17vh;
    box-shadow: -100vmin 0 12.697426417990677vmin currentColor;
}
.background span:nth-child(5) {
    color: #ddb831;
    top: 37%;
    left: 10%;
    animation-duration: 321s;
    animation-delay: -317s;
    transform-origin: -10vw 25vh;
    box-shadow: -100vmin 0 13.371327570572653vmin currentColor;
}
.background span:nth-child(6) {
    color: #ceb640;
    top: 22%;
    left: 41%;
    animation-duration: 16s;
    animation-delay: -407s;
    transform-origin: -11vw 19vh;
    box-shadow: 100vmin 0 13.487714094939568vmin currentColor;
}
.background span:nth-child(7) {
    color: #ddb831;
    top: 99%;
    left: 32%;
    animation-duration: 392s;
    animation-delay: -243s;
    transform-origin: 23vw 19vh;
    box-shadow: 100vmin 0 12.962635575430278vmin currentColor;
}
.background span:nth-child(8) {
    color: #ceb640;
    top: 87%;
    left: 6%;
    animation-duration: 375s;
    animation-delay: -366s;
    transform-origin: -23vw -14vh;
    box-shadow: -100vmin 0 12.5495231377958vmin currentColor;
}
.background span:nth-child(9) {
    color: #ceb640;
    top: 47%;
    left: 59%;
    animation-duration: 350s;
    animation-delay: -294s;
    transform-origin: -17vw -21vh;
    box-shadow: 100vmin 0 12.850838593841162vmin currentColor;
}
.background span:nth-child(10) {
    color: #ceb640;
    top: 71%;
    left: 55%;
    animation-duration: 150s;
    animation-delay: -371s;
    transform-origin: 3vw -13vh;
    box-shadow: -100vmin 0 13.232227210661206vmin currentColor;
}
.background span:nth-child(11) {
    color: #bca71a;
    top: 38%;
    left: 1%;
    animation-duration: 336s;
    animation-delay: -293s;
    transform-origin: 7vw 24vh;
    box-shadow: -100vmin 0 12.58588209778556vmin currentColor;
}
.background span:nth-child(12) {
    color: #ddb831;
    top: 34%;
    left: 87%;
    animation-duration: 271s;
    animation-delay: -359s;
    transform-origin: 12vw 22vh;
    box-shadow: 100vmin 0 12.514039673967009vmin currentColor;
}
.background span:nth-child(13) {
    color: #bca71a;
    top: 33%;
    left: 93%;
    animation-duration: 118s;
    animation-delay: -230s;
    transform-origin: 3vw 24vh;
    box-shadow: 100vmin 0 13.095071303376201vmin currentColor;
}
.background span:nth-child(14) {
    color: #bca71a;
    top: 49%;
    left: 6%;
    animation-duration: 198s;
    animation-delay: -436s;
    transform-origin: -2vw 17vh;
    box-shadow: 100vmin 0 13.006054536012892vmin currentColor;
}
