@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

.background2 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background2: #9d97a5;
    overflow: hidden;
}

.background2 span {
    width: 8vmin;
    height: 8vmin;
    border-radius: 8vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 45;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.background2 span:nth-child(0) {
    color: #FFACAC;
    top: 41%;
    left: 23%;
    animation-duration: 52s;
    animation-delay: -50s;
    transform-origin: 24vw 17vh;
    box-shadow: 24vmin 0 3.0457978411931377vmin currentColor;
}
.background2 span:nth-child(1) {
    color: #FFACAC;
    top: 1%;
    left: 76%;
    animation-duration: 32s;
    animation-delay: -38s;
    transform-origin: 19vw -15vh;
    box-shadow: -24vmin 0 3.1835813381586258vmin currentColor;
}
.background2 span:nth-child(2) {
    color: #E45A84;
    top: 66%;
    left: 31%;
    animation-duration: 10s;
    animation-delay: -7s;
    transform-origin: -16vw 6vh;
    box-shadow: 24vmin 0 3.3418505065301667vmin currentColor;
}
.background2 span:nth-child(3) {
    color: #583C87;
    top: 14%;
    left: 51%;
    animation-duration: 13s;
    animation-delay: -46s;
    transform-origin: -21vw 10vh;
    box-shadow: 24vmin 0 3.580473925378742vmin currentColor;
}
.background2 span:nth-child(4) {
    color: #E45A84;
    top: 51%;
    left: 70%;
    animation-duration: 40s;
    animation-delay: -12s;
    transform-origin: 4vw 24vh;
    box-shadow: -24vmin 0 3.899122297834598vmin currentColor;
}
.background2 span:nth-child(5) {
    color: #583C87;
    top: 28%;
    left: 81%;
    animation-duration: 29s;
    animation-delay: -33s;
    transform-origin: -2vw 8vh;
    box-shadow: 24vmin 0 3.289332461898957vmin currentColor;
}
.background2 span:nth-child(6) {
    color: #FFACAC;
    top: 91%;
    left: 46%;
    animation-duration: 39s;
    animation-delay: -12s;
    transform-origin: -2vw 20vh;
    box-shadow: -24vmin 0 3.5646622202050127vmin currentColor;
}
.background2 span:nth-child(7) {
    color: #E45A84;
    top: 4%;
    left: 45%;
    animation-duration: 6s;
    animation-delay: -43s;
    transform-origin: 17vw -3vh;
    box-shadow: -24vmin 0 3.7426147485676706vmin currentColor;
}
.background2 span:nth-child(8) {
    color: #583C87;
    top: 14%;
    left: 81%;
    animation-duration: 37s;
    animation-delay: -30s;
    transform-origin: -5vw 14vh;
    box-shadow: -24vmin 0 3.2076702802140193vmin currentColor;
}
.background2 span:nth-child(9) {
    color: #FFACAC;
    top: 66%;
    left: 77%;
    animation-duration: 53s;
    animation-delay: -22s;
    transform-origin: -9vw -15vh;
    box-shadow: 24vmin 0 3.71346865101243vmin currentColor;
}
.background2 span:nth-child(10) {
    color: #583C87;
    top: 78%;
    left: 74%;
    animation-duration: 44s;
    animation-delay: -18s;
    transform-origin: 11vw 23vh;
    box-shadow: 24vmin 0 3.92771859856968vmin currentColor;
}
.background2 span:nth-child(11) {
    color: #FFACAC;
    top: 75%;
    left: 10%;
    animation-duration: 48s;
    animation-delay: -1s;
    transform-origin: -13vw 3vh;
    box-shadow: 24vmin 0 3.0023182294415722vmin currentColor;
}
.background2 span:nth-child(12) {
    color: #FFACAC;
    top: 59%;
    left: 30%;
    animation-duration: 49s;
    animation-delay: -2s;
    transform-origin: 0vw 18vh;
    box-shadow: 24vmin 0 3.6699154448879776vmin currentColor;
}
.background2 span:nth-child(13) {
    color: #583C87;
    top: 95%;
    left: 57%;
    animation-duration: 31s;
    animation-delay: -23s;
    transform-origin: 8vw 3vh;
    box-shadow: -24vmin 0 3.789879903865343vmin currentColor;
}
.background2 span:nth-child(14) {
    color: #E45A84;
    top: 34%;
    left: 33%;
    animation-duration: 46s;
    animation-delay: -14s;
    transform-origin: -23vw 4vh;
    box-shadow: -24vmin 0 3.598551870244825vmin currentColor;
}
.background2 span:nth-child(15) {
    color: #583C87;
    top: 54%;
    left: 45%;
    animation-duration: 45s;
    animation-delay: -11s;
    transform-origin: -11vw 11vh;
    box-shadow: -24vmin 0 3.4267780327092936vmin currentColor;
}
.background2 span:nth-child(16) {
    color: #583C87;
    top: 12%;
    left: 29%;
    animation-duration: 26s;
    animation-delay: -8s;
    transform-origin: 4vw 21vh;
    box-shadow: -24vmin 0 3.8016221183037184vmin currentColor;
}
.background2 span:nth-child(17) {
    color: #583C87;
    top: 100%;
    left: 40%;
    animation-duration: 31s;
    animation-delay: -44s;
    transform-origin: -23vw 14vh;
    box-shadow: 24vmin 0 3.7566142149856265vmin currentColor;
}
.background2 span:nth-child(18) {
    color: #583C87;
    top: 38%;
    left: 39%;
    animation-duration: 17s;
    animation-delay: -32s;
    transform-origin: -18vw -13vh;
    box-shadow: 24vmin 0 3.974482403703056vmin currentColor;
}
.background2 span:nth-child(19) {
    color: #583C87;
    top: 47%;
    left: 41%;
    animation-duration: 16s;
    animation-delay: -40s;
    transform-origin: 17vw -20vh;
    box-shadow: 24vmin 0 3.425055345481187vmin currentColor;
}
.background2 span:nth-child(20) {
    color: #FFACAC;
    top: 56%;
    left: 42%;
    animation-duration: 24s;
    animation-delay: -23s;
    transform-origin: -13vw 21vh;
    box-shadow: -24vmin 0 3.5779985495839153vmin currentColor;
}
.background2 span:nth-child(21) {
    color: #E45A84;
    top: 92%;
    left: 53%;
    animation-duration: 16s;
    animation-delay: -42s;
    transform-origin: 11vw 2vh;
    box-shadow: -24vmin 0 3.9851875007980966vmin currentColor;
}
.background2 span:nth-child(22) {
    color: #E45A84;
    top: 81%;
    left: 1%;
    animation-duration: 35s;
    animation-delay: -29s;
    transform-origin: 15vw -24vh;
    box-shadow: -24vmin 0 3.083317738752122vmin currentColor;
}
.background2 span:nth-child(23) {
    color: #583C87;
    top: 98%;
    left: 26%;
    animation-duration: 37s;
    animation-delay: -14s;
    transform-origin: 8vw -10vh;
    box-shadow: -24vmin 0 3.6658054923973644vmin currentColor;
}
.background2 span:nth-child(24) {
    color: #583C87;
    top: 77%;
    left: 40%;
    animation-duration: 16s;
    animation-delay: -26s;
    transform-origin: 16vw 2vh;
    box-shadow: 24vmin 0 3.5435043340213896vmin currentColor;
}
.background2 span:nth-child(25) {
    color: #583C87;
    top: 70%;
    left: 47%;
    animation-duration: 42s;
    animation-delay: -19s;
    transform-origin: -14vw 21vh;
    box-shadow: -24vmin 0 3.189399346971066vmin currentColor;
}
.background2 span:nth-child(26) {
    color: #E45A84;
    top: 60%;
    left: 17%;
    animation-duration: 48s;
    animation-delay: -16s;
    transform-origin: 12vw 5vh;
    box-shadow: -24vmin 0 3.615260326726303vmin currentColor;
}
.background2 span:nth-child(27) {
    color: #583C87;
    top: 47%;
    left: 17%;
    animation-duration: 8s;
    animation-delay: -20s;
    transform-origin: 19vw 3vh;
    box-shadow: 24vmin 0 3.3777901173106013vmin currentColor;
}
.background2 span:nth-child(28) {
    color: #FFACAC;
    top: 68%;
    left: 90%;
    animation-duration: 28s;
    animation-delay: -40s;
    transform-origin: 19vw -3vh;
    box-shadow: -24vmin 0 3.3148094271769475vmin currentColor;
}
.background2 span:nth-child(29) {
    color: #FFACAC;
    top: 81%;
    left: 39%;
    animation-duration: 21s;
    animation-delay: -43s;
    transform-origin: 2vw -22vh;
    box-shadow: 24vmin 0 3.9017903118985044vmin currentColor;
}
.background2 span:nth-child(30) {
    color: #E45A84;
    top: 7%;
    left: 76%;
    animation-duration: 16s;
    animation-delay: -40s;
    transform-origin: 14vw -15vh;
    box-shadow: 24vmin 0 3.6101377513621795vmin currentColor;
}
.background2 span:nth-child(31) {
    color: #583C87;
    top: 2%;
    left: 66%;
    animation-duration: 19s;
    animation-delay: -9s;
    transform-origin: 8vw 15vh;
    box-shadow: -24vmin 0 3.953066423403898vmin currentColor;
}
.background2 span:nth-child(32) {
    color: #FFACAC;
    top: 56%;
    left: 93%;
    animation-duration: 39s;
    animation-delay: -50s;
    transform-origin: -12vw -22vh;
    box-shadow: 24vmin 0 3.7344741271041975vmin currentColor;
}
.background2 span:nth-child(33) {
    color: #583C87;
    top: 77%;
    left: 8%;
    animation-duration: 38s;
    animation-delay: -25s;
    transform-origin: -20vw 10vh;
    box-shadow: 24vmin 0 3.046079120249801vmin currentColor;
}
.background2 span:nth-child(34) {
    color: #FFACAC;
    top: 51%;
    left: 72%;
    animation-duration: 20s;
    animation-delay: -46s;
    transform-origin: 10vw 15vh;
    box-shadow: 24vmin 0 3.275326387945069vmin currentColor;
}
.background2 span:nth-child(35) {
    color: #583C87;
    top: 21%;
    left: 47%;
    animation-duration: 41s;
    animation-delay: -4s;
    transform-origin: -23vw -2vh;
    box-shadow: -24vmin 0 3.4900343457969534vmin currentColor;
}
.background2 span:nth-child(36) {
    color: #E45A84;
    top: 84%;
    left: 99%;
    animation-duration: 37s;
    animation-delay: -40s;
    transform-origin: 11vw 13vh;
    box-shadow: 24vmin 0 3.2372285493447026vmin currentColor;
}
.background2 span:nth-child(37) {
    color: #FFACAC;
    top: 21%;
    left: 18%;
    animation-duration: 43s;
    animation-delay: -16s;
    transform-origin: -3vw -11vh;
    box-shadow: 24vmin 0 3.389582549257722vmin currentColor;
}
.background2 span:nth-child(38) {
    color: #583C87;
    top: 62%;
    left: 8%;
    animation-duration: 7s;
    animation-delay: -1s;
    transform-origin: 1vw -18vh;
    box-shadow: 24vmin 0 3.9589436550342834vmin currentColor;
}
.background2 span:nth-child(39) {
    color: #583C87;
    top: 93%;
    left: 24%;
    animation-duration: 14s;
    animation-delay: -5s;
    transform-origin: 1vw -5vh;
    box-shadow: -24vmin 0 3.4553796728559503vmin currentColor;
}
.background2 span:nth-child(40) {
    color: #FFACAC;
    top: 41%;
    left: 80%;
    animation-duration: 43s;
    animation-delay: -18s;
    transform-origin: -2vw 6vh;
    box-shadow: 24vmin 0 3.353708232555025vmin currentColor;
}
.background2 span:nth-child(41) {
    color: #583C87;
    top: 77%;
    left: 40%;
    animation-duration: 16s;
    animation-delay: -22s;
    transform-origin: 16vw -7vh;
    box-shadow: -24vmin 0 3.832193530749886vmin currentColor;
}
.background2 span:nth-child(42) {
    color: #FFACAC;
    top: 29%;
    left: 34%;
    animation-duration: 44s;
    animation-delay: -7s;
    transform-origin: 25vw 8vh;
    box-shadow: 24vmin 0 3.7427215429750222vmin currentColor;
}
.background2 span:nth-child(43) {
    color: #E45A84;
    top: 50%;
    left: 69%;
    animation-duration: 31s;
    animation-delay: -12s;
    transform-origin: -20vw 4vh;
    box-shadow: 24vmin 0 3.6596715741274224vmin currentColor;
}
.background2 span:nth-child(44) {
    color: #E45A84;
    top: 66%;
    left: 21%;
    animation-duration: 37s;
    animation-delay: -28s;
    transform-origin: 7vw -1vh;
    box-shadow: 24vmin 0 3.44917209874911vmin currentColor;
}
.background2 span:nth-child(45) {
    color: #583C87;
    top: 96%;
    left: 70%;
    animation-duration: 9s;
    animation-delay: -39s;
    transform-origin: 10vw -14vh;
    box-shadow: 24vmin 0 3.058173010681646vmin currentColor;
}
.background2 span:nth-child(46) {
    color: #E45A84;
    top: 52%;
    left: 45%;
    animation-duration: 40s;
    animation-delay: -47s;
    transform-origin: 21vw 14vh;
    box-shadow: -24vmin 0 3.2889992484995005vmin currentColor;
}
.background2 span:nth-child(47) {
    color: #583C87;
    top: 84%;
    left: 8%;
    animation-duration: 36s;
    animation-delay: -39s;
    transform-origin: -10vw 2vh;
    box-shadow: -24vmin 0 3.0300054304187523vmin currentColor;
}
.background2 span:nth-child(48) {
    color: #E45A84;
    top: 72%;
    left: 90%;
    animation-duration: 18s;
    animation-delay: -45s;
    transform-origin: 10vw 4vh;
    box-shadow: -24vmin 0 3.9024698461464116vmin currentColor;
}
.background2 span:nth-child(49) {
    color: #E45A84;
    top: 38%;
    left: 95%;
    animation-duration: 24s;
    animation-delay: -16s;
    transform-origin: -12vw 18vh;
    box-shadow: 24vmin 0 3.5026065600289025vmin currentColor;
}
