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

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

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


.background span:nth-child(0) {
    color: #262626;
    top: 24%;
    left: 55%;
    animation-duration: 90s;
    animation-delay: -68s;
    transform-origin: -15vw 13vh;
    box-shadow: 2vmin 0 0.7065946926392399vmin currentColor;
}
.background span:nth-child(1) {
    color: #262626;
    top: 39%;
    left: 75%;
    animation-duration: 54s;
    animation-delay: -117s;
    transform-origin: 10vw 16vh;
    box-shadow: 2vmin 0 0.29367404173060474vmin currentColor;
}
.background span:nth-child(2) {
    color: #878787;
    top: 31%;
    left: 57%;
    animation-duration: 24s;
    animation-delay: -94s;
    transform-origin: -17vw 3vh;
    box-shadow: -2vmin 0 0.4348666092667621vmin currentColor;
}
.background span:nth-child(3) {
    color: #878787;
    top: 43%;
    left: 57%;
    animation-duration: 36s;
    animation-delay: -78s;
    transform-origin: -5vw 9vh;
    box-shadow: 2vmin 0 0.29941365242798224vmin currentColor;
}
.background span:nth-child(4) {
    color: #878787;
    top: 96%;
    left: 22%;
    animation-duration: 114s;
    animation-delay: -67s;
    transform-origin: -19vw -11vh;
    box-shadow: 2vmin 0 0.40694027415865364vmin currentColor;
}
.background span:nth-child(5) {
    color: #a6a6a6;
    top: 96%;
    left: 21%;
    animation-duration: 117s;
    animation-delay: -67s;
    transform-origin: 3vw -8vh;
    box-shadow: 2vmin 0 0.4318737909341037vmin currentColor;
}
.background span:nth-child(6) {
    color: #878787;
    top: 71%;
    left: 59%;
    animation-duration: 98s;
    animation-delay: -33s;
    transform-origin: -6vw 17vh;
    box-shadow: 2vmin 0 0.5502234661777381vmin currentColor;
}
.background span:nth-child(7) {
    color: #262626;
    top: 66%;
    left: 77%;
    animation-duration: 100s;
    animation-delay: -78s;
    transform-origin: -1vw -16vh;
    box-shadow: -2vmin 0 1.2366451801642997vmin currentColor;
}
.background span:nth-child(8) {
    color: #262626;
    top: 68%;
    left: 91%;
    animation-duration: 84s;
    animation-delay: -40s;
    transform-origin: 17vw -24vh;
    box-shadow: -2vmin 0 1.031814348341847vmin currentColor;
}
.background span:nth-child(9) {
    color: #878787;
    top: 72%;
    left: 38%;
    animation-duration: 38s;
    animation-delay: -85s;
    transform-origin: -18vw 15vh;
    box-shadow: -2vmin 0 0.4254022566756519vmin currentColor;
}
.background span:nth-child(10) {
    color: #262626;
    top: 100%;
    left: 7%;
    animation-duration: 18s;
    animation-delay: -109s;
    transform-origin: -9vw 17vh;
    box-shadow: -2vmin 0 0.92335333411551vmin currentColor;
}
.background span:nth-child(11) {
    color: #262626;
    top: 43%;
    left: 31%;
    animation-duration: 22s;
    animation-delay: -42s;
    transform-origin: 19vw -22vh;
    box-shadow: 2vmin 0 0.5621561568669606vmin currentColor;
}
.background span:nth-child(12) {
    color: #878787;
    top: 28%;
    left: 69%;
    animation-duration: 10s;
    animation-delay: -26s;
    transform-origin: 23vw -8vh;
    box-shadow: 2vmin 0 1.131074342367381vmin currentColor;
}
.background span:nth-child(13) {
    color: #a6a6a6;
    top: 55%;
    left: 25%;
    animation-duration: 117s;
    animation-delay: -96s;
    transform-origin: -13vw 18vh;
    box-shadow: 2vmin 0 0.3805439202373888vmin currentColor;
}
.background span:nth-child(14) {
    color: #a6a6a6;
    top: 67%;
    left: 10%;
    animation-duration: 108s;
    animation-delay: -77s;
    transform-origin: -3vw -19vh;
    box-shadow: 2vmin 0 0.815816149821436vmin currentColor;
}
.background span:nth-child(15) {
    color: #262626;
    top: 79%;
    left: 2%;
    animation-duration: 51s;
    animation-delay: -93s;
    transform-origin: -14vw -11vh;
    box-shadow: 2vmin 0 1.1738975780687009vmin currentColor;
}
.background span:nth-child(16) {
    color: #878787;
    top: 2%;
    left: 76%;
    animation-duration: 33s;
    animation-delay: -65s;
    transform-origin: 20vw 14vh;
    box-shadow: -2vmin 0 0.6692875988918543vmin currentColor;
}
.background span:nth-child(17) {
    color: #878787;
    top: 58%;
    left: 39%;
    animation-duration: 76s;
    animation-delay: -87s;
    transform-origin: 6vw 2vh;
    box-shadow: 2vmin 0 0.46808435109708557vmin currentColor;
}
.background span:nth-child(18) {
    color: #262626;
    top: 67%;
    left: 27%;
    animation-duration: 65s;
    animation-delay: -47s;
    transform-origin: 13vw 7vh;
    box-shadow: 2vmin 0 0.35933163426443593vmin currentColor;
}
.background span:nth-child(19) {
    color: #878787;
    top: 26%;
    left: 84%;
    animation-duration: 57s;
    animation-delay: -108s;
    transform-origin: 21vw -10vh;
    box-shadow: 2vmin 0 0.9245141773039265vmin currentColor;
}
.background span:nth-child(20) {
    color: #878787;
    top: 65%;
    left: 11%;
    animation-duration: 42s;
    animation-delay: -58s;
    transform-origin: -4vw -12vh;
    box-shadow: 2vmin 0 1.2263485945340418vmin currentColor;
}
.background span:nth-child(21) {
    color: #262626;
    top: 56%;
    left: 19%;
    animation-duration: 95s;
    animation-delay: -100s;
    transform-origin: 20vw -16vh;
    box-shadow: -2vmin 0 1.0419803875847549vmin currentColor;
}
.background span:nth-child(22) {
    color: #a6a6a6;
    top: 33%;
    left: 66%;
    animation-duration: 90s;
    animation-delay: -51s;
    transform-origin: 6vw 5vh;
    box-shadow: 2vmin 0 1.1560871522351717vmin currentColor;
}
.background span:nth-child(23) {
    color: #262626;
    top: 78%;
    left: 53%;
    animation-duration: 8s;
    animation-delay: -49s;
    transform-origin: -22vw -20vh;
    box-shadow: 2vmin 0 0.7596810591294925vmin currentColor;
}
.background span:nth-child(24) {
    color: #262626;
    top: 64%;
    left: 62%;
    animation-duration: 81s;
    animation-delay: -61s;
    transform-origin: 4vw -10vh;
    box-shadow: -2vmin 0 0.6181889203271071vmin currentColor;
}
.background span:nth-child(25) {
    color: #878787;
    top: 38%;
    left: 64%;
    animation-duration: 46s;
    animation-delay: -26s;
    transform-origin: 7vw -21vh;
    box-shadow: 2vmin 0 0.4459575115220191vmin currentColor;
}
.background span:nth-child(26) {
    color: #262626;
    top: 81%;
    left: 81%;
    animation-duration: 116s;
    animation-delay: -91s;
    transform-origin: 16vw 4vh;
    box-shadow: -2vmin 0 1.237360565475188vmin currentColor;
}
.background span:nth-child(27) {
    color: #262626;
    top: 78%;
    left: 89%;
    animation-duration: 79s;
    animation-delay: -3s;
    transform-origin: 23vw -15vh;
    box-shadow: 2vmin 0 0.4018938419790963vmin currentColor;
}
.background span:nth-child(28) {
    color: #262626;
    top: 84%;
    left: 4%;
    animation-duration: 61s;
    animation-delay: -116s;
    transform-origin: -17vw -6vh;
    box-shadow: 2vmin 0 0.9598616132935436vmin currentColor;
}
.background span:nth-child(29) {
    color: #262626;
    top: 60%;
    left: 97%;
    animation-duration: 24s;
    animation-delay: -35s;
    transform-origin: -3vw 10vh;
    box-shadow: 2vmin 0 0.9600040269160377vmin currentColor;
}
.background span:nth-child(30) {
    color: #878787;
    top: 86%;
    left: 60%;
    animation-duration: 67s;
    animation-delay: -98s;
    transform-origin: 10vw 2vh;
    box-shadow: -2vmin 0 0.9678587374810723vmin currentColor;
}
.background span:nth-child(31) {
    color: #262626;
    top: 17%;
    left: 78%;
    animation-duration: 6s;
    animation-delay: -112s;
    transform-origin: -3vw 6vh;
    box-shadow: 2vmin 0 0.9446058601075453vmin currentColor;
}
.background span:nth-child(32) {
    color: #878787;
    top: 91%;
    left: 96%;
    animation-duration: 108s;
    animation-delay: -67s;
    transform-origin: 4vw -1vh;
    box-shadow: -2vmin 0 0.6620839254322941vmin currentColor;
}
.background span:nth-child(33) {
    color: #a6a6a6;
    top: 60%;
    left: 22%;
    animation-duration: 26s;
    animation-delay: -37s;
    transform-origin: 3vw 18vh;
    box-shadow: 2vmin 0 0.9553702936357515vmin currentColor;
}
.background span:nth-child(34) {
    color: #a6a6a6;
    top: 46%;
    left: 10%;
    animation-duration: 13s;
    animation-delay: -98s;
    transform-origin: -7vw 1vh;
    box-shadow: 2vmin 0 0.2650298850735686vmin currentColor;
}
.background span:nth-child(35) {
    color: #a6a6a6;
    top: 100%;
    left: 67%;
    animation-duration: 101s;
    animation-delay: -65s;
    transform-origin: 6vw 10vh;
    box-shadow: -2vmin 0 0.6941029149009474vmin currentColor;
}
.background span:nth-child(36) {
    color: #a6a6a6;
    top: 29%;
    left: 30%;
    animation-duration: 18s;
    animation-delay: -86s;
    transform-origin: 10vw 4vh;
    box-shadow: 2vmin 0 0.63095180656888vmin currentColor;
}
.background span:nth-child(37) {
    color: #262626;
    top: 41%;
    left: 82%;
    animation-duration: 77s;
    animation-delay: -112s;
    transform-origin: 18vw 8vh;
    box-shadow: -2vmin 0 0.6759452903995955vmin currentColor;
}
.background span:nth-child(38) {
    color: #a6a6a6;
    top: 27%;
    left: 72%;
    animation-duration: 97s;
    animation-delay: -40s;
    transform-origin: 0vw -18vh;
    box-shadow: -2vmin 0 0.872308253045754vmin currentColor;
}
.background span:nth-child(39) {
    color: #262626;
    top: 21%;
    left: 30%;
    animation-duration: 60s;
    animation-delay: -55s;
    transform-origin: -13vw -5vh;
    box-shadow: 2vmin 0 0.9525197660422788vmin currentColor;
}
.background span:nth-child(40) {
    color: #262626;
    top: 60%;
    left: 95%;
    animation-duration: 20s;
    animation-delay: -14s;
    transform-origin: -5vw -4vh;
    box-shadow: -2vmin 0 1.1142876381877895vmin currentColor;
}
.background span:nth-child(41) {
    color: #878787;
    top: 28%;
    left: 34%;
    animation-duration: 110s;
    animation-delay: -17s;
    transform-origin: -3vw 3vh;
    box-shadow: 2vmin 0 0.7548389882942868vmin currentColor;
}
.background span:nth-child(42) {
    color: #a6a6a6;
    top: 94%;
    left: 95%;
    animation-duration: 6s;
    animation-delay: -60s;
    transform-origin: 23vw 18vh;
    box-shadow: -2vmin 0 1.0411779790972515vmin currentColor;
}
.background span:nth-child(43) {
    color: #262626;
    top: 80%;
    left: 69%;
    animation-duration: 23s;
    animation-delay: -78s;
    transform-origin: -9vw 11vh;
    box-shadow: -2vmin 0 0.8212883989354598vmin currentColor;
}
.background span:nth-child(44) {
    color: #a6a6a6;
    top: 70%;
    left: 8%;
    animation-duration: 35s;
    animation-delay: -110s;
    transform-origin: -24vw 17vh;
    box-shadow: -2vmin 0 0.7560723217086167vmin currentColor;
}
.background span:nth-child(45) {
    color: #262626;
    top: 61%;
    left: 91%;
    animation-duration: 105s;
    animation-delay: -58s;
    transform-origin: 12vw -11vh;
    box-shadow: 2vmin 0 1.0997833184406707vmin currentColor;
}
.background span:nth-child(46) {
    color: #a6a6a6;
    top: 84%;
    left: 44%;
    animation-duration: 59s;
    animation-delay: -34s;
    transform-origin: 3vw 4vh;
    box-shadow: -2vmin 0 0.6240835514266105vmin currentColor;
}
.background span:nth-child(47) {
    color: #a6a6a6;
    top: 19%;
    left: 98%;
    animation-duration: 65s;
    animation-delay: -13s;
    transform-origin: -18vw -23vh;
    box-shadow: -2vmin 0 0.3660071417772379vmin currentColor;
}
.background span:nth-child(48) {
    color: #a6a6a6;
    top: 66%;
    left: 26%;
    animation-duration: 57s;
    animation-delay: -57s;
    transform-origin: 4vw 0vh;
    box-shadow: 2vmin 0 0.5773091007016291vmin currentColor;
}
.background span:nth-child(49) {
    color: #878787;
    top: 4%;
    left: 82%;
    animation-duration: 105s;
    animation-delay: -14s;
    transform-origin: 4vw 23vh;
    box-shadow: -2vmin 0 0.3386713761373048vmin currentColor;
}

.bgnice {
    background: #292929 ;
}