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

.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #090014;
    overflow: hidden;
}
@media (prefers-color-scheme: light) {
    .background { background: #ebebeb; }
}

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


.background span:nth-child(0) {
    color: #8d354f;
    top: 9%;
    left: 27%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -24vw -13vh;
    box-shadow: -78vmin 0 10.713081335316494vmin currentColor;
}
@media (prefers-color-scheme: light) {
    .background span:nth-child(0) { color: #cea3b0; }
}
.background span:nth-child(1) {
    color: #2d1457;
    top: 54%;
    left: 70%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: 3vw 11vh;
    box-shadow: 78vmin 0 10.240795644893758vmin currentColor;
}
@media (prefers-color-scheme: light) {
    .background span:nth-child(1) { color: #c1a4f1; }
}
.background span:nth-child(2) {
    color: #8d354f;
    top: 12%;
    left: 97%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -2vw 6vh;
    box-shadow: -78vmin 0 10.550154941646285vmin currentColor;
}
@media (prefers-color-scheme: light) {
    .background span:nth-child(2) { color: #db93a9; }
}
.background span:nth-child(3) {
    color: #8d354f;
    top: 95%;
    left: 98%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: -16vw -8vh;
    box-shadow: -78vmin 0 10.100032348155965vmin currentColor;
}
@media (prefers-color-scheme: light) {
    .background span:nth-child(3) { color: #d18fa3; }
}
.background span:nth-child(4) {
    color: #2d1457;
    top: 98%;
    left: 26%;
    animation-duration: 6s;
    animation-delay: -1s;
    transform-origin: 5vw -4vh;
    box-shadow: 78vmin 0 10.07556231952504vmin currentColor;
}
@media (prefers-color-scheme: light) {
    .background span:nth-child(4) { color: #b091e6; }
}