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

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

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


.background span:nth-child(0) {
    color: #002233;
    top: 91%;
    left: 15%;
    animation-duration: 101s;
    animation-delay: -71s;
    transform-origin: -9vw 25vh;
    box-shadow: 12vmin 0 2.2941382506367436vmin currentColor;
}
.background span:nth-child(1) {
    color: #050047;
    top: 83%;
    left: 79%;
    animation-duration: 118s;
    animation-delay: -355s;
    transform-origin: 24vw -18vh;
    box-shadow: 12vmin 0 1.7495568874819973vmin currentColor;
}
.background span:nth-child(2) {
    color: #26004d;
    top: 26%;
    left: 11%;
    animation-duration: 115s;
    animation-delay: -431s;
    transform-origin: 7vw -4vh;
    box-shadow: 12vmin 0 2.130293052002869vmin currentColor;
}
.background span:nth-child(3) {
    color: #050047;
    top: 18%;
    left: 8%;
    animation-duration: 102s;
    animation-delay: -392s;
    transform-origin: -4vw 0vh;
    box-shadow: -12vmin 0 2.2546255386894662vmin currentColor;
}
.background span:nth-child(4) {
    color: #002233;
    top: 14%;
    left: 63%;
    animation-duration: 478s;
    animation-delay: -398s;
    transform-origin: -20vw -15vh;
    box-shadow: 12vmin 0 1.92864683582808vmin currentColor;
}
.background span:nth-child(5) {
    color: #26004d;
    top: 51%;
    left: 63%;
    animation-duration: 53s;
    animation-delay: -10s;
    transform-origin: -14vw -18vh;
    box-shadow: 12vmin 0 1.6101044691357838vmin currentColor;
}
.background span:nth-child(6) {
    color: #050047;
    top: 44%;
    left: 17%;
    animation-duration: 13s;
    animation-delay: -35s;
    transform-origin: -18vw -17vh;
    box-shadow: -12vmin 0 1.643352398464713vmin currentColor;
}
.background span:nth-child(7) {
    color: #002233;
    top: 41%;
    left: 34%;
    animation-duration: 433s;
    animation-delay: -258s;
    transform-origin: 18vw -7vh;
    box-shadow: -12vmin 0 2.014957428812198vmin currentColor;
}
.background span:nth-child(8) {
    color: #26004d;
    top: 9%;
    left: 85%;
    animation-duration: 112s;
    animation-delay: -2s;
    transform-origin: 20vw -5vh;
    box-shadow: 12vmin 0 2.038514617858129vmin currentColor;
}
.background span:nth-child(9) {
    color: #26004d;
    top: 49%;
    left: 9%;
    animation-duration: 390s;
    animation-delay: -190s;
    transform-origin: 25vw 2vh;
    box-shadow: 12vmin 0 1.9418352876779863vmin currentColor;
}
.background span:nth-child(10) {
    color: #002233;
    top: 63%;
    left: 42%;
    animation-duration: 66s;
    animation-delay: -404s;
    transform-origin: -20vw -15vh;
    box-shadow: -12vmin 0 2.0949664999440047vmin currentColor;
}
.background span:nth-child(11) {
    color: #050047;
    top: 53%;
    left: 75%;
    animation-duration: 46s;
    animation-delay: -13s;
    transform-origin: -13vw -23vh;
    box-shadow: -12vmin 0 1.8017356961850381vmin currentColor;
}
.background span:nth-child(12) {
    color: #002233;
    top: 24%;
    left: 79%;
    animation-duration: 211s;
    animation-delay: -132s;
    transform-origin: 13vw -9vh;
    box-shadow: -12vmin 0 1.6691789964095505vmin currentColor;
}
.background span:nth-child(13) {
    color: #002233;
    top: 49%;
    left: 46%;
    animation-duration: 77s;
    animation-delay: -59s;
    transform-origin: -24vw -20vh;
    box-shadow: 12vmin 0 2.4631031659606535vmin currentColor;
}
.background span:nth-child(14) {
    color: #26004d;
    top: 67%;
    left: 97%;
    animation-duration: 364s;
    animation-delay: -66s;
    transform-origin: 12vw 25vh;
    box-shadow: -12vmin 0 2.0813357608239995vmin currentColor;
}
.background span:nth-child(15) {
    color: #050047;
    top: 15%;
    left: 98%;
    animation-duration: 52s;
    animation-delay: -265s;
    transform-origin: 16vw -4vh;
    box-shadow: -12vmin 0 1.5086867389178045vmin currentColor;
}
.background span:nth-child(16) {
    color: #002233;
    top: 74%;
    left: 90%;
    animation-duration: 215s;
    animation-delay: -323s;
    transform-origin: -19vw 23vh;
    box-shadow: 12vmin 0 2.280199549394025vmin currentColor;
}
.background span:nth-child(17) {
    color: #002233;
    top: 23%;
    left: 58%;
    animation-duration: 319s;
    animation-delay: -412s;
    transform-origin: -13vw -4vh;
    box-shadow: 12vmin 0 1.9621126823571913vmin currentColor;
}
.background span:nth-child(18) {
    color: #002233;
    top: 3%;
    left: 64%;
    animation-duration: 266s;
    animation-delay: -186s;
    transform-origin: 24vw -1vh;
    box-shadow: 12vmin 0 2.2354272839944325vmin currentColor;
}
.background span:nth-child(19) {
    color: #26004d;
    top: 60%;
    left: 51%;
    animation-duration: 113s;
    animation-delay: -101s;
    transform-origin: 5vw 15vh;
    box-shadow: -12vmin 0 1.9663984031113413vmin currentColor;
}
.background span:nth-child(20) {
    color: #050047;
    top: 15%;
    left: 43%;
    animation-duration: 12s;
    animation-delay: -367s;
    transform-origin: -24vw -15vh;
    box-shadow: -12vmin 0 2.008470262795111vmin currentColor;
}
.background span:nth-child(21) {
    color: #002233;
    top: 93%;
    left: 9%;
    animation-duration: 76s;
    animation-delay: -165s;
    transform-origin: -22vw -24vh;
    box-shadow: 12vmin 0 1.787538561446108vmin currentColor;
}
.background span:nth-child(22) {
    color: #26004d;
    top: 100%;
    left: 12%;
    animation-duration: 23s;
    animation-delay: -126s;
    transform-origin: 0vw 24vh;
    box-shadow: -12vmin 0 2.015421869409722vmin currentColor;
}
.background span:nth-child(23) {
    color: #002233;
    top: 64%;
    left: 10%;
    animation-duration: 6s;
    animation-delay: -188s;
    transform-origin: -23vw -5vh;
    box-shadow: -12vmin 0 2.167084552334898vmin currentColor;
}
.background span:nth-child(24) {
    color: #26004d;
    top: 3%;
    left: 43%;
    animation-duration: 217s;
    animation-delay: -290s;
    transform-origin: 25vw 8vh;
    box-shadow: -12vmin 0 2.4431045867602945vmin currentColor;
}
.background span:nth-child(25) {
    color: #002233;
    top: 18%;
    left: 62%;
    animation-duration: 127s;
    animation-delay: -238s;
    transform-origin: -11vw -1vh;
    box-shadow: -12vmin 0 1.8470784907006914vmin currentColor;
}
.background span:nth-child(26) {
    color: #050047;
    top: 28%;
    left: 19%;
    animation-duration: 168s;
    animation-delay: -139s;
    transform-origin: -9vw 20vh;
    box-shadow: -12vmin 0 1.6973945639845454vmin currentColor;
}
.background span:nth-child(27) {
    color: #050047;
    top: 25%;
    left: 36%;
    animation-duration: 340s;
    animation-delay: -376s;
    transform-origin: 8vw -17vh;
    box-shadow: 12vmin 0 1.8953292267327309vmin currentColor;
}
.background span:nth-child(28) {
    color: #002233;
    top: 61%;
    left: 19%;
    animation-duration: 248s;
    animation-delay: -219s;
    transform-origin: 18vw 9vh;
    box-shadow: -12vmin 0 2.093760360949697vmin currentColor;
}
.background span:nth-child(29) {
    color: #050047;
    top: 20%;
    left: 12%;
    animation-duration: 108s;
    animation-delay: -430s;
    transform-origin: -10vw 21vh;
    box-shadow: 12vmin 0 1.559897501283865vmin currentColor;
}
.background span:nth-child(30) {
    color: #002233;
    top: 14%;
    left: 76%;
    animation-duration: 240s;
    animation-delay: -36s;
    transform-origin: -15vw -7vh;
    box-shadow: 12vmin 0 1.9907426961927193vmin currentColor;
}
.background span:nth-child(31) {
    color: #050047;
    top: 26%;
    left: 9%;
    animation-duration: 369s;
    animation-delay: -168s;
    transform-origin: -17vw 17vh;
    box-shadow: 12vmin 0 2.2467300072089307vmin currentColor;
}
.background span:nth-child(32) {
    color: #050047;
    top: 100%;
    left: 21%;
    animation-duration: 403s;
    animation-delay: -413s;
    transform-origin: -6vw 23vh;
    box-shadow: -12vmin 0 2.260822228815716vmin currentColor;
}
.background span:nth-child(33) {
    color: #002233;
    top: 85%;
    left: 6%;
    animation-duration: 124s;
    animation-delay: -215s;
    transform-origin: -14vw 16vh;
    box-shadow: -12vmin 0 1.8825248008885145vmin currentColor;
}
.background span:nth-child(34) {
    color: #050047;
    top: 89%;
    left: 5%;
    animation-duration: 315s;
    animation-delay: -31s;
    transform-origin: -9vw 13vh;
    box-shadow: 12vmin 0 2.3115077307581995vmin currentColor;
}
.background span:nth-child(35) {
    color: #002233;
    top: 28%;
    left: 5%;
    animation-duration: 469s;
    animation-delay: -412s;
    transform-origin: -4vw 25vh;
    box-shadow: -12vmin 0 2.3083049468824575vmin currentColor;
}
.background span:nth-child(36) {
    color: #002233;
    top: 36%;
    left: 69%;
    animation-duration: 49s;
    animation-delay: -306s;
    transform-origin: -23vw -17vh;
    box-shadow: -12vmin 0 2.2381225369920665vmin currentColor;
}
.background span:nth-child(37) {
    color: #050047;
    top: 77%;
    left: 29%;
    animation-duration: 407s;
    animation-delay: -174s;
    transform-origin: 25vw -11vh;
    box-shadow: 12vmin 0 1.5652137590850017vmin currentColor;
}
.background span:nth-child(38) {
    color: #26004d;
    top: 98%;
    left: 81%;
    animation-duration: 61s;
    animation-delay: -463s;
    transform-origin: -24vw 5vh;
    box-shadow: 12vmin 0 2.483192614110613vmin currentColor;
}
.background span:nth-child(39) {
    color: #002233;
    top: 19%;
    left: 54%;
    animation-duration: 173s;
    animation-delay: -104s;
    transform-origin: 7vw 4vh;
    box-shadow: 12vmin 0 1.6215202886633084vmin currentColor;
}
.background span:nth-child(40) {
    color: #050047;
    top: 59%;
    left: 65%;
    animation-duration: 205s;
    animation-delay: -87s;
    transform-origin: -18vw 24vh;
    box-shadow: 12vmin 0 2.4333564307483924vmin currentColor;
}
.background span:nth-child(41) {
    color: #002233;
    top: 61%;
    left: 40%;
    animation-duration: 416s;
    animation-delay: -377s;
    transform-origin: -2vw 20vh;
    box-shadow: 12vmin 0 1.5569626833760546vmin currentColor;
}
.background span:nth-child(42) {
    color: #050047;
    top: 43%;
    left: 79%;
    animation-duration: 391s;
    animation-delay: -23s;
    transform-origin: 13vw 3vh;
    box-shadow: -12vmin 0 2.0381983251324307vmin currentColor;
}
.background span:nth-child(43) {
    color: #002233;
    top: 77%;
    left: 61%;
    animation-duration: 348s;
    animation-delay: -248s;
    transform-origin: 2vw 22vh;
    box-shadow: -12vmin 0 2.3646977813559973vmin currentColor;
}
.background span:nth-child(44) {
    color: #050047;
    top: 9%;
    left: 92%;
    animation-duration: 117s;
    animation-delay: -450s;
    transform-origin: -19vw -8vh;
    box-shadow: 12vmin 0 1.7124119391932313vmin currentColor;
}
.background span:nth-child(45) {
    color: #002233;
    top: 82%;
    left: 42%;
    animation-duration: 483s;
    animation-delay: -282s;
    transform-origin: -23vw -19vh;
    box-shadow: -12vmin 0 2.18761356333402vmin currentColor;
}
.background span:nth-child(46) {
    color: #002233;
    top: 38%;
    left: 87%;
    animation-duration: 467s;
    animation-delay: -121s;
    transform-origin: 22vw -18vh;
    box-shadow: -12vmin 0 1.5861612377966856vmin currentColor;
}
.background span:nth-child(47) {
    color: #050047;
    top: 92%;
    left: 38%;
    animation-duration: 482s;
    animation-delay: -57s;
    transform-origin: -13vw 23vh;
    box-shadow: -12vmin 0 1.5073690181992723vmin currentColor;
}
.background span:nth-child(48) {
    color: #26004d;
    top: 82%;
    left: 19%;
    animation-duration: 41s;
    animation-delay: -80s;
    transform-origin: -7vw -20vh;
    box-shadow: -12vmin 0 2.2630540800395025vmin currentColor;
}
.background span:nth-child(49) {
    color: #002233;
    top: 34%;
    left: 70%;
    animation-duration: 290s;
    animation-delay: -173s;
    transform-origin: -5vw 5vh;
    box-shadow: -12vmin 0 2.394683730762924vmin currentColor;
}