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

.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #000a98;
    overflow: hidden;
}

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


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

.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #000a98;
    overflow: hidden;
}

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




.background span:nth-child(0) {
    color: #0111ff;
    top: 5%;
    left: 57%;
    animation-duration: 462s;
    animation-delay: -10s;
    transform-origin: 21vw -14vh;
    box-shadow: -2vmin 0 0.30535231437842514vmin currentColor;
}
.background span:nth-child(1) {
    color: #0111ff;
    top: 21%;
    left: 64%;
    animation-duration: 429s;
    animation-delay: -79s;
    transform-origin: 2vw -20vh;
    box-shadow: 2vmin 0 1.2327590476043955vmin currentColor;
}
.background span:nth-child(2) {
    color: #0111ff;
    top: 66%;
    left: 49%;
    animation-duration: 462s;
    animation-delay: -305s;
    transform-origin: 23vw -6vh;
    box-shadow: 2vmin 0 0.2941787989353606vmin currentColor;
}
.background span:nth-child(3) {
    color: #ffb769;
    top: 67%;
    left: 23%;
    animation-duration: 468s;
    animation-delay: -70s;
    transform-origin: -1vw 10vh;
    box-shadow: 2vmin 0 0.8523548035869937vmin currentColor;
}
.background span:nth-child(4) {
    color: #0111ff;
    top: 19%;
    left: 34%;
    animation-duration: 144s;
    animation-delay: -279s;
    transform-origin: -20vw 16vh;
    box-shadow: 2vmin 0 0.4298679793905338vmin currentColor;
}
.background span:nth-child(5) {
    color: #0111ff;
    top: 26%;
    left: 46%;
    animation-duration: 357s;
    animation-delay: -484s;
    transform-origin: 25vw -6vh;
    box-shadow: 2vmin 0 0.3067906715839581vmin currentColor;
}
.background span:nth-child(6) {
    color: #ffb769;
    top: 27%;
    left: 66%;
    animation-duration: 475s;
    animation-delay: -72s;
    transform-origin: 17vw 17vh;
    box-shadow: -2vmin 0 0.7951645319284797vmin currentColor;
}
.background span:nth-child(7) {
    color: #ffb769;
    top: 33%;
    left: 10%;
    animation-duration: 289s;
    animation-delay: -409s;
    transform-origin: 21vw 8vh;
    box-shadow: -2vmin 0 0.9454267020842566vmin currentColor;
}
.background span:nth-child(8) {
    color: #ffb769;
    top: 74%;
    left: 63%;
    animation-duration: 159s;
    animation-delay: -384s;
    transform-origin: -10vw -21vh;
    box-shadow: -2vmin 0 1.1265717314470294vmin currentColor;
}
.background span:nth-child(9) {
    color: #ffb769;
    top: 13%;
    left: 41%;
    animation-duration: 77s;
    animation-delay: -343s;
    transform-origin: -10vw 11vh;
    box-shadow: 2vmin 0 0.913103022196692vmin currentColor;
}
.background span:nth-child(10) {
    color: #ffb769;
    top: 16%;
    left: 16%;
    animation-duration: 182s;
    animation-delay: -76s;
    transform-origin: -23vw -1vh;
    box-shadow: 2vmin 0 0.2648242059107606vmin currentColor;
}
.background span:nth-child(11) {
    color: #ffb769;
    top: 28%;
    left: 16%;
    animation-duration: 351s;
    animation-delay: -37s;
    transform-origin: 13vw 6vh;
    box-shadow: -2vmin 0 1.226960565840687vmin currentColor;
}
.background span:nth-child(12) {
    color: #0111ff;
    top: 86%;
    left: 92%;
    animation-duration: 26s;
    animation-delay: -33s;
    transform-origin: -6vw 13vh;
    box-shadow: -2vmin 0 0.8758918352434439vmin currentColor;
}
.background span:nth-child(13) {
    color: #0111ff;
    top: 60%;
    left: 40%;
    animation-duration: 45s;
    animation-delay: -438s;
    transform-origin: 6vw 15vh;
    box-shadow: 2vmin 0 0.3710515866079691vmin currentColor;
}
.background span:nth-child(14) {
    color: #ffb769;
    top: 4%;
    left: 33%;
    animation-duration: 110s;
    animation-delay: -482s;
    transform-origin: -9vw 8vh;
    box-shadow: -2vmin 0 0.26965486144343176vmin currentColor;
}
.background span:nth-child(15) {
    color: #ffb769;
    top: 9%;
    left: 20%;
    animation-duration: 12s;
    animation-delay: -251s;
    transform-origin: 12vw -5vh;
    box-shadow: -2vmin 0 1.1814896126475687vmin currentColor;
}
.background span:nth-child(16) {
    color: #0111ff;
    top: 20%;
    left: 37%;
    animation-duration: 397s;
    animation-delay: -172s;
    transform-origin: 23vw -17vh;
    box-shadow: 2vmin 0 0.7103380746591308vmin currentColor;
}
.background span:nth-child(17) {
    color: #ffb769;
    top: 93%;
    left: 10%;
    animation-duration: 109s;
    animation-delay: -164s;
    transform-origin: -10vw -13vh;
    box-shadow: -2vmin 0 0.6269569495263949vmin currentColor;
}
.background span:nth-child(18) {
    color: #ffb769;
    top: 81%;
    left: 66%;
    animation-duration: 131s;
    animation-delay: -160s;
    transform-origin: -6vw -6vh;
    box-shadow: 2vmin 0 0.7314028548005433vmin currentColor;
}
.background span:nth-child(19) {
    color: #ffb769;
    top: 62%;
    left: 76%;
    animation-duration: 9s;
    animation-delay: -473s;
    transform-origin: 11vw 14vh;
    box-shadow: -2vmin 0 1.2405001575970511vmin currentColor;
}
.background span:nth-child(20) {
    color: #0111ff;
    top: 7%;
    left: 87%;
    animation-duration: 491s;
    animation-delay: -418s;
    transform-origin: 0vw 16vh;
    box-shadow: 2vmin 0 0.8123296792155132vmin currentColor;
}
.background span:nth-child(21) {
    color: #ffb769;
    top: 92%;
    left: 13%;
    animation-duration: 129s;
    animation-delay: -287s;
    transform-origin: -6vw 13vh;
    box-shadow: 2vmin 0 0.41745817129598417vmin currentColor;
}
.background span:nth-child(22) {
    color: #0111ff;
    top: 45%;
    left: 33%;
    animation-duration: 294s;
    animation-delay: -462s;
    transform-origin: 7vw -4vh;
    box-shadow: -2vmin 0 0.9144474710655561vmin currentColor;
}
.background span:nth-child(23) {
    color: #ffb769;
    top: 14%;
    left: 98%;
    animation-duration: 195s;
    animation-delay: -253s;
    transform-origin: 7vw -20vh;
    box-shadow: -2vmin 0 0.6686817186933676vmin currentColor;
}
.background span:nth-child(24) {
    color: #0111ff;
    top: 100%;
    left: 83%;
    animation-duration: 315s;
    animation-delay: -197s;
    transform-origin: 6vw -9vh;
    box-shadow: 2vmin 0 0.794173750887218vmin currentColor;
}
.background span:nth-child(25) {
    color: #0111ff;
    top: 37%;
    left: 80%;
    animation-duration: 403s;
    animation-delay: -374s;
    transform-origin: 21vw -9vh;
    box-shadow: -2vmin 0 0.5664644203257123vmin currentColor;
}
.background span:nth-child(26) {
    color: #0111ff;
    top: 47%;
    left: 98%;
    animation-duration: 326s;
    animation-delay: -422s;
    transform-origin: -20vw 15vh;
    box-shadow: 2vmin 0 0.5992849504514381vmin currentColor;
}
.background span:nth-child(27) {
    color: #0111ff;
    top: 19%;
    left: 94%;
    animation-duration: 53s;
    animation-delay: -116s;
    transform-origin: -6vw 21vh;
    box-shadow: -2vmin 0 1.0163119427919163vmin currentColor;
}
.background span:nth-child(28) {
    color: #0111ff;
    top: 7%;
    left: 47%;
    animation-duration: 423s;
    animation-delay: -460s;
    transform-origin: 16vw -16vh;
    box-shadow: -2vmin 0 1.1966234550569201vmin currentColor;
}
.background span:nth-child(29) {
    color: #0111ff;
    top: 2%;
    left: 75%;
    animation-duration: 167s;
    animation-delay: -192s;
    transform-origin: 11vw -7vh;
    box-shadow: 2vmin 0 1.1882995498574913vmin currentColor;
}
.background span:nth-child(30) {
    color: #0111ff;
    top: 37%;
    left: 75%;
    animation-duration: 390s;
    animation-delay: -455s;
    transform-origin: -16vw -5vh;
    box-shadow: 2vmin 0 1.2153246097214103vmin currentColor;
}
.background span:nth-child(31) {
    color: #ffb769;
    top: 99%;
    left: 32%;
    animation-duration: 47s;
    animation-delay: -249s;
    transform-origin: -23vw -14vh;
    box-shadow: -2vmin 0 1.0817185538916685vmin currentColor;
}
.background span:nth-child(32) {
    color: #ffb769;
    top: 83%;
    left: 97%;
    animation-duration: 303s;
    animation-delay: -243s;
    transform-origin: 4vw 24vh;
    box-shadow: 2vmin 0 0.31747668707678844vmin currentColor;
}
.background span:nth-child(33) {
    color: #ffb769;
    top: 28%;
    left: 7%;
    animation-duration: 401s;
    animation-delay: -236s;
    transform-origin: 0vw 11vh;
    box-shadow: 2vmin 0 1.0901290320732224vmin currentColor;
}
.background span:nth-child(34) {
    color: #ffb769;
    top: 93%;
    left: 24%;
    animation-duration: 89s;
    animation-delay: -200s;
    transform-origin: 14vw 10vh;
    box-shadow: -2vmin 0 0.3483421125338857vmin currentColor;
}
.background span:nth-child(35) {
    color: #0111ff;
    top: 97%;
    left: 80%;
    animation-duration: 135s;
    animation-delay: -399s;
    transform-origin: 9vw -1vh;
    box-shadow: -2vmin 0 0.3194486818417439vmin currentColor;
}
.background span:nth-child(36) {
    color: #0111ff;
    top: 80%;
    left: 50%;
    animation-duration: 255s;
    animation-delay: -34s;
    transform-origin: -6vw 16vh;
    box-shadow: 2vmin 0 0.8582174976115506vmin currentColor;
}
.background span:nth-child(37) {
    color: #ffb769;
    top: 5%;
    left: 2%;
    animation-duration: 58s;
    animation-delay: -351s;
    transform-origin: 5vw -5vh;
    box-shadow: 2vmin 0 0.8399721878060171vmin currentColor;
}
.background span:nth-child(38) {
    color: #0111ff;
    top: 23%;
    left: 39%;
    animation-duration: 477s;
    animation-delay: -435s;
    transform-origin: 24vw 11vh;
    box-shadow: 2vmin 0 1.1244265512538794vmin currentColor;
}
.background span:nth-child(39) {
    color: #ffb769;
    top: 95%;
    left: 7%;
    animation-duration: 128s;
    animation-delay: -326s;
    transform-origin: -21vw -12vh;
    box-shadow: -2vmin 0 1.2055497937931208vmin currentColor;
}
.background span:nth-child(40) {
    color: #ffb769;
    top: 37%;
    left: 52%;
    animation-duration: 109s;
    animation-delay: -235s;
    transform-origin: 21vw -23vh;
    box-shadow: 2vmin 0 0.6617798234119436vmin currentColor;
}
.background span:nth-child(41) {
    color: #0111ff;
    top: 95%;
    left: 69%;
    animation-duration: 296s;
    animation-delay: -198s;
    transform-origin: 13vw -18vh;
    box-shadow: -2vmin 0 1.178280479486578vmin currentColor;
}
.background span:nth-child(42) {
    color: #ffb769;
    top: 71%;
    left: 87%;
    animation-duration: 213s;
    animation-delay: -101s;
    transform-origin: -10vw -10vh;
    box-shadow: 2vmin 0 0.9928639824530285vmin currentColor;
}
.background span:nth-child(43) {
    color: #ffb769;
    top: 60%;
    left: 25%;
    animation-duration: 6s;
    animation-delay: -310s;
    transform-origin: -1vw -20vh;
    box-shadow: -2vmin 0 0.4035674662370805vmin currentColor;
}
.background span:nth-child(44) {
    color: #0111ff;
    top: 29%;
    left: 83%;
    animation-duration: 257s;
    animation-delay: -243s;
    transform-origin: 17vw 13vh;
    box-shadow: -2vmin 0 1.2360815905217974vmin currentColor;
}
.background span:nth-child(45) {
    color: #0111ff;
    top: 27%;
    left: 96%;
    animation-duration: 41s;
    animation-delay: -171s;
    transform-origin: 15vw -11vh;
    box-shadow: 2vmin 0 0.9181927611564569vmin currentColor;
}
.background span:nth-child(46) {
    color: #0111ff;
    top: 26%;
    left: 7%;
    animation-duration: 161s;
    animation-delay: -352s;
    transform-origin: -12vw -15vh;
    box-shadow: 2vmin 0 0.4564415487433975vmin currentColor;
}
.background span:nth-child(47) {
    color: #ffb769;
    top: 60%;
    left: 72%;
    animation-duration: 446s;
    animation-delay: -160s;
    transform-origin: 4vw 14vh;
    box-shadow: -2vmin 0 1.1030197784047893vmin currentColor;
}
.background span:nth-child(48) {
    color: #0111ff;
    top: 19%;
    left: 56%;
    animation-duration: 199s;
    animation-delay: -215s;
    transform-origin: 13vw -20vh;
    box-shadow: 2vmin 0 0.6330228786701046vmin currentColor;
}
.background span:nth-child(49) {
    color: #ffb769;
    top: 51%;
    left: 52%;
    animation-duration: 182s;
    animation-delay: -440s;
    transform-origin: 20vw -12vh;
    box-shadow: 2vmin 0 0.5473651800491495vmin currentColor;
}