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

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

.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: #a8a8a8;
    top: 80%;
    left: 16%;
    animation-duration: 322s;
    animation-delay: -325s;
    transform-origin: -22vw 3vh;
    box-shadow: -2vmin 0 1.1758326721396486vmin currentColor;
}
.background span:nth-child(1) {
    color: #a8a8a8;
    top: 17%;
    left: 26%;
    animation-duration: 65s;
    animation-delay: -90s;
    transform-origin: 13vw -7vh;
    box-shadow: 2vmin 0 1.1214019519291831vmin currentColor;
}
.background span:nth-child(2) {
    color: #b8e7ff;
    top: 72%;
    left: 44%;
    animation-duration: 439s;
    animation-delay: -227s;
    transform-origin: -7vw 22vh;
    box-shadow: 2vmin 0 0.8386905378446905vmin currentColor;
}
.background span:nth-child(3) {
    color: #b8e7ff;
    top: 98%;
    left: 74%;
    animation-duration: 102s;
    animation-delay: -347s;
    transform-origin: 23vw -21vh;
    box-shadow: -2vmin 0 0.8610989382240591vmin currentColor;
}
.background span:nth-child(4) {
    color: #ffffff;
    top: 7%;
    left: 54%;
    animation-duration: 350s;
    animation-delay: -190s;
    transform-origin: 9vw -22vh;
    box-shadow: -2vmin 0 0.7555155028817381vmin currentColor;
}
.background span:nth-child(5) {
    color: #ffffff;
    top: 41%;
    left: 50%;
    animation-duration: 491s;
    animation-delay: -467s;
    transform-origin: -8vw 22vh;
    box-shadow: 2vmin 0 0.6801389305887956vmin currentColor;
}
.background span:nth-child(6) {
    color: #b8e7ff;
    top: 64%;
    left: 56%;
    animation-duration: 383s;
    animation-delay: -437s;
    transform-origin: 2vw -6vh;
    box-shadow: -2vmin 0 0.5590163261875581vmin currentColor;
}
.background span:nth-child(7) {
    color: #a8a8a8;
    top: 57%;
    left: 41%;
    animation-duration: 250s;
    animation-delay: -438s;
    transform-origin: -7vw 0vh;
    box-shadow: 2vmin 0 0.37463079695148116vmin currentColor;
}
.background span:nth-child(8) {
    color: #a8a8a8;
    top: 32%;
    left: 95%;
    animation-duration: 275s;
    animation-delay: -88s;
    transform-origin: 9vw -7vh;
    box-shadow: -2vmin 0 1.0131657499466846vmin currentColor;
}
.background span:nth-child(9) {
    color: #b8e7ff;
    top: 17%;
    left: 29%;
    animation-duration: 345s;
    animation-delay: -379s;
    transform-origin: -7vw 8vh;
    box-shadow: 2vmin 0 0.8245898499660035vmin currentColor;
}
.background span:nth-child(10) {
    color: #ffffff;
    top: 78%;
    left: 93%;
    animation-duration: 329s;
    animation-delay: -8s;
    transform-origin: 11vw 8vh;
    box-shadow: -2vmin 0 0.3841360840050867vmin currentColor;
}
.background span:nth-child(11) {
    color: #ffffff;
    top: 5%;
    left: 24%;
    animation-duration: 273s;
    animation-delay: -386s;
    transform-origin: -10vw 8vh;
    box-shadow: 2vmin 0 0.30434148776455106vmin currentColor;
}
.background span:nth-child(12) {
    color: #ffffff;
    top: 18%;
    left: 74%;
    animation-duration: 176s;
    animation-delay: -135s;
    transform-origin: 16vw -21vh;
    box-shadow: -2vmin 0 1.0866597186912605vmin currentColor;
}
.background span:nth-child(13) {
    color: #ffffff;
    top: 28%;
    left: 78%;
    animation-duration: 222s;
    animation-delay: -452s;
    transform-origin: 12vw 5vh;
    box-shadow: 2vmin 0 1.2145022895027395vmin currentColor;
}
.background span:nth-child(14) {
    color: #a8a8a8;
    top: 70%;
    left: 49%;
    animation-duration: 91s;
    animation-delay: -200s;
    transform-origin: 19vw -20vh;
    box-shadow: 2vmin 0 1.0181004895112409vmin currentColor;
}
.background span:nth-child(15) {
    color: #ffffff;
    top: 58%;
    left: 78%;
    animation-duration: 157s;
    animation-delay: -111s;
    transform-origin: 15vw 1vh;
    box-shadow: -2vmin 0 1.0066546681969255vmin currentColor;
}
.background span:nth-child(16) {
    color: #b8e7ff;
    top: 2%;
    left: 9%;
    animation-duration: 415s;
    animation-delay: -200s;
    transform-origin: 0vw 11vh;
    box-shadow: -2vmin 0 0.42979029168114014vmin currentColor;
}
.background span:nth-child(17) {
    color: #a8a8a8;
    top: 84%;
    left: 6%;
    animation-duration: 270s;
    animation-delay: -73s;
    transform-origin: 4vw 2vh;
    box-shadow: 2vmin 0 0.9519855958542244vmin currentColor;
}
.background span:nth-child(18) {
    color: #ffffff;
    top: 61%;
    left: 64%;
    animation-duration: 77s;
    animation-delay: -208s;
    transform-origin: -17vw -10vh;
    box-shadow: -2vmin 0 1.046721308045885vmin currentColor;
}
.background span:nth-child(19) {
    color: #a8a8a8;
    top: 5%;
    left: 84%;
    animation-duration: 224s;
    animation-delay: -326s;
    transform-origin: 12vw -19vh;
    box-shadow: 2vmin 0 0.3700682902259197vmin currentColor;
}
.background span:nth-child(20) {
    color: #b8e7ff;
    top: 25%;
    left: 18%;
    animation-duration: 451s;
    animation-delay: -201s;
    transform-origin: 7vw -21vh;
    box-shadow: 2vmin 0 0.345621023933638vmin currentColor;
}
.background span:nth-child(21) {
    color: #b8e7ff;
    top: 43%;
    left: 90%;
    animation-duration: 321s;
    animation-delay: -222s;
    transform-origin: 23vw 8vh;
    box-shadow: 2vmin 0 0.5236267691215708vmin currentColor;
}
.background span:nth-child(22) {
    color: #a8a8a8;
    top: 40%;
    left: 75%;
    animation-duration: 125s;
    animation-delay: -238s;
    transform-origin: 24vw -1vh;
    box-shadow: -2vmin 0 1.0301947780402516vmin currentColor;
}
.background span:nth-child(23) {
    color: #ffffff;
    top: 95%;
    left: 29%;
    animation-duration: 213s;
    animation-delay: -434s;
    transform-origin: 23vw 10vh;
    box-shadow: -2vmin 0 0.6917521588369209vmin currentColor;
}
.background span:nth-child(24) {
    color: #b8e7ff;
    top: 53%;
    left: 55%;
    animation-duration: 11s;
    animation-delay: -490s;
    transform-origin: 11vw -6vh;
    box-shadow: 2vmin 0 0.7738348262346074vmin currentColor;
}
.background span:nth-child(25) {
    color: #ffffff;
    top: 51%;
    left: 90%;
    animation-duration: 330s;
    animation-delay: -162s;
    transform-origin: -24vw 22vh;
    box-shadow: 2vmin 0 0.5691639962766233vmin currentColor;
}
.background span:nth-child(26) {
    color: #b8e7ff;
    top: 69%;
    left: 65%;
    animation-duration: 258s;
    animation-delay: -260s;
    transform-origin: 0vw -3vh;
    box-shadow: 2vmin 0 0.30512867104541275vmin currentColor;
}
.background span:nth-child(27) {
    color: #b8e7ff;
    top: 98%;
    left: 4%;
    animation-duration: 416s;
    animation-delay: -320s;
    transform-origin: 10vw 21vh;
    box-shadow: -2vmin 0 0.736673674798449vmin currentColor;
}
.background span:nth-child(28) {
    color: #a8a8a8;
    top: 95%;
    left: 76%;
    animation-duration: 326s;
    animation-delay: -350s;
    transform-origin: 7vw 18vh;
    box-shadow: 2vmin 0 0.7421469819335031vmin currentColor;
}
.background span:nth-child(29) {
    color: #b8e7ff;
    top: 100%;
    left: 7%;
    animation-duration: 45s;
    animation-delay: -25s;
    transform-origin: -9vw 0vh;
    box-shadow: 2vmin 0 0.34881640637891154vmin currentColor;
}
.background span:nth-child(30) {
    color: #b8e7ff;
    top: 85%;
    left: 26%;
    animation-duration: 337s;
    animation-delay: -45s;
    transform-origin: 14vw -4vh;
    box-shadow: -2vmin 0 1.0716859750775447vmin currentColor;
}
.background span:nth-child(31) {
    color: #b8e7ff;
    top: 32%;
    left: 89%;
    animation-duration: 405s;
    animation-delay: -484s;
    transform-origin: -4vw -7vh;
    box-shadow: -2vmin 0 1.1910066730011395vmin currentColor;
}
.background span:nth-child(32) {
    color: #a8a8a8;
    top: 6%;
    left: 87%;
    animation-duration: 47s;
    animation-delay: -208s;
    transform-origin: -12vw -7vh;
    box-shadow: 2vmin 0 0.5493961823957318vmin currentColor;
}
.background span:nth-child(33) {
    color: #ffffff;
    top: 29%;
    left: 80%;
    animation-duration: 97s;
    animation-delay: -239s;
    transform-origin: 4vw 7vh;
    box-shadow: 2vmin 0 0.4863694205366059vmin currentColor;
}
.background span:nth-child(34) {
    color: #b8e7ff;
    top: 43%;
    left: 2%;
    animation-duration: 358s;
    animation-delay: -16s;
    transform-origin: 22vw 15vh;
    box-shadow: -2vmin 0 0.7997424879682983vmin currentColor;
}
.background span:nth-child(35) {
    color: #a8a8a8;
    top: 49%;
    left: 100%;
    animation-duration: 53s;
    animation-delay: -452s;
    transform-origin: -12vw -1vh;
    box-shadow: -2vmin 0 0.9102196228098147vmin currentColor;
}
.background span:nth-child(36) {
    color: #ffffff;
    top: 12%;
    left: 80%;
    animation-duration: 387s;
    animation-delay: -45s;
    transform-origin: 25vw -14vh;
    box-shadow: 2vmin 0 0.7372997868641266vmin currentColor;
}
.background span:nth-child(37) {
    color: #a8a8a8;
    top: 98%;
    left: 88%;
    animation-duration: 479s;
    animation-delay: -461s;
    transform-origin: -12vw 16vh;
    box-shadow: 2vmin 0 0.8870722894036084vmin currentColor;
}
.background span:nth-child(38) {
    color: #a8a8a8;
    top: 19%;
    left: 37%;
    animation-duration: 162s;
    animation-delay: -360s;
    transform-origin: -16vw 16vh;
    box-shadow: -2vmin 0 0.4469630175777879vmin currentColor;
}
.background span:nth-child(39) {
    color: #b8e7ff;
    top: 91%;
    left: 96%;
    animation-duration: 335s;
    animation-delay: -437s;
    transform-origin: -16vw 20vh;
    box-shadow: 2vmin 0 0.5409129562873268vmin currentColor;
}
.background span:nth-child(40) {
    color: #ffffff;
    top: 63%;
    left: 7%;
    animation-duration: 117s;
    animation-delay: -402s;
    transform-origin: 8vw 0vh;
    box-shadow: 2vmin 0 0.5161687099798777vmin currentColor;
}
.background span:nth-child(41) {
    color: #a8a8a8;
    top: 32%;
    left: 44%;
    animation-duration: 250s;
    animation-delay: -47s;
    transform-origin: 3vw -11vh;
    box-shadow: 2vmin 0 0.4040954286901648vmin currentColor;
}
.background span:nth-child(42) {
    color: #a8a8a8;
    top: 65%;
    left: 49%;
    animation-duration: 109s;
    animation-delay: -34s;
    transform-origin: -6vw 25vh;
    box-shadow: 2vmin 0 0.6483919596988091vmin currentColor;
}
.background span:nth-child(43) {
    color: #a8a8a8;
    top: 94%;
    left: 91%;
    animation-duration: 77s;
    animation-delay: -449s;
    transform-origin: 2vw 17vh;
    box-shadow: -2vmin 0 0.8333495373426743vmin currentColor;
}
.background span:nth-child(44) {
    color: #b8e7ff;
    top: 39%;
    left: 24%;
    animation-duration: 113s;
    animation-delay: -33s;
    transform-origin: 7vw 2vh;
    box-shadow: -2vmin 0 0.5119446545375711vmin currentColor;
}
.background span:nth-child(45) {
    color: #ffffff;
    top: 6%;
    left: 99%;
    animation-duration: 84s;
    animation-delay: -57s;
    transform-origin: -10vw 25vh;
    box-shadow: -2vmin 0 0.3138830601863384vmin currentColor;
}
.background span:nth-child(46) {
    color: #ffffff;
    top: 75%;
    left: 2%;
    animation-duration: 290s;
    animation-delay: -438s;
    transform-origin: 8vw -16vh;
    box-shadow: 2vmin 0 0.43128100560760885vmin currentColor;
}
.background span:nth-child(47) {
    color: #b8e7ff;
    top: 50%;
    left: 90%;
    animation-duration: 371s;
    animation-delay: -279s;
    transform-origin: 5vw -18vh;
    box-shadow: -2vmin 0 0.7455925830075056vmin currentColor;
}
.background span:nth-child(48) {
    color: #b8e7ff;
    top: 9%;
    left: 83%;
    animation-duration: 388s;
    animation-delay: -51s;
    transform-origin: 4vw 6vh;
    box-shadow: -2vmin 0 0.4551339542513738vmin currentColor;
}
.background span:nth-child(49) {
    color: #a8a8a8;
    top: 86%;
    left: 45%;
    animation-duration: 400s;
    animation-delay: -8s;
    transform-origin: -6vw -5vh;
    box-shadow: 2vmin 0 0.40044059614353056vmin currentColor;
}