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

.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #e2f9fb91;
    overflow: hidden;
    z-index: -1;
    pointer-events: none;
}

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

.background span:nth-child(0) {
    color: #ffe8d3;
    top: 3%;
    left: 80%;
    animation-duration: 184s;
    animation-delay: -90s;
    transform-origin: -12vw -13vh;
    box-shadow: 100vmin 0 12.708779010910849vmin currentColor;
}

.background span:nth-child(1) {
    color: #eafdd1;
    top: 94%;
    left: 40%;
    animation-duration: 151s;
    animation-delay: -288s;
    transform-origin: -7vw 0vh;
    box-shadow: 100vmin 0 13.474935314435992vmin currentColor;
}

.background span:nth-child(2) {
    color: #eafdd1;
    top: 26%;
    left: 86%;
    animation-duration: 427s;
    animation-delay: -367s;
    transform-origin: -18vw 25vh;
    box-shadow: 100vmin 0 12.555589648041641vmin currentColor;
}

.background span:nth-child(3) {
    color: #97d7dd;
    top: 18%;
    left: 10%;
    animation-duration: 348s;
    animation-delay: -403s;
    transform-origin: -16vw -3vh;
    box-shadow: -100vmin 0 13.049551558443904vmin currentColor;
}

.background span:nth-child(4) {
    color: #97d7dd;
    top: 18%;
    left: 61%;
    animation-duration: 175s;
    animation-delay: -51s;
    transform-origin: 20vw -7vh;
    box-shadow: -100vmin 0 13.117906044694958vmin currentColor;
}

.background span:nth-child(5) {
    color: #97d7dd;
    top: 38%;
    left: 77%;
    animation-duration: 129s;
    animation-delay: -424s;
    transform-origin: -24vw 24vh;
    box-shadow: -100vmin 0 12.770011510334701vmin currentColor;
}

.background span:nth-child(6) {
    color: #97d7dd;
    top: 95%;
    left: 75%;
    animation-duration: 372s;
    animation-delay: -51s;
    transform-origin: -6vw 25vh;
    box-shadow: -100vmin 0 12.99936463162858vmin currentColor;
}

.background span:nth-child(7) {
    color: #eafdd1;
    top: 82%;
    left: 1%;
    animation-duration: 16s;
    animation-delay: -148s;
    transform-origin: 11vw 9vh;
    box-shadow: -100vmin 0 13.429474118419114vmin currentColor;
}

.background span:nth-child(8) {
    color: #ffe8d3;
    top: 91%;
    left: 9%;
    animation-duration: 243s;
    animation-delay: -350s;
    transform-origin: -16vw 18vh;
    box-shadow: 100vmin 0 12.80696199940097vmin currentColor;
}

.background span:nth-child(9) {
    color: #eafdd1;
    top: 90%;
    left: 52%;
    animation-duration: 334s;
    animation-delay: -437s;
    transform-origin: 9vw -13vh;
    box-shadow: -100vmin 0 12.937721862628349vmin currentColor;
}