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

.bloque-footer {
  position: relative;
width: 100vw;
/* height: 100vh; */
top: 0;
left: 0;
background: #1f1e67;
overflow: hidden;
}

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


.bloque-footer span:nth-child(0) {
    color: #583C87;
    top: 24%;
    left: 4%;
    animation-duration: 11s;
    animation-delay: -5s;
    transform-origin: 8vw -12vh;
    box-shadow: -12vmin 0 2.440993556941833vmin currentColor;
}
.bloque-footer span:nth-child(1) {
    color: #583C87;
    top: 52%;
    left: 96%;
    animation-duration: 15s;
    animation-delay: -6s;
    transform-origin: 14vw 8vh;
    box-shadow: 12vmin 0 2.4844808106239107vmin currentColor;
}
.bloque-footer span:nth-child(2) {
    color: #FFACAC;
    top: 91%;
    left: 4%;
    animation-duration: 6s;
    animation-delay: -2s;
    transform-origin: 11vw -2vh;
    box-shadow: 12vmin 0 1.783827848636621vmin currentColor;
}
.bloque-footer span:nth-child(3) {
    color: #E45A84;
    top: 27%;
    left: 82%;
    animation-duration: 11s;
    animation-delay: -2s;
    transform-origin: 9vw 19vh;
    box-shadow: -12vmin 0 1.6847399885165935vmin currentColor;
}
.bloque-footer span:nth-child(4) {
    color: #583C87;
    top: 14%;
    left: 92%;
    animation-duration: 9s;
    animation-delay: -6s;
    transform-origin: 23vw 12vh;
    box-shadow: 12vmin 0 1.887155433196249vmin currentColor;
}
.bloque-footer span:nth-child(5) {
    color: #FFACAC;
    top: 76%;
    left: 75%;
    animation-duration: 7s;
    animation-delay: -9s;
    transform-origin: 1vw 1vh;
    box-shadow: 12vmin 0 1.9520962767821475vmin currentColor;
}
.bloque-footer span:nth-child(6) {
    color: #583C87;
    top: 47%;
    left: 55%;
    animation-duration: 11s;
    animation-delay: -2s;
    transform-origin: 0vw -20vh;
    box-shadow: -12vmin 0 1.7789356858792542vmin currentColor;
}
.bloque-footer span:nth-child(7) {
    color: #FFACAC;
    top: 83%;
    left: 29%;
    animation-duration: 11s;
    animation-delay: -10s;
    transform-origin: -1vw 25vh;
    box-shadow: 12vmin 0 2.1117134230994044vmin currentColor;
}
.bloque-footer span:nth-child(8) {
    color: #E45A84;
    top: 86%;
    left: 5%;
    animation-duration: 9s;
    animation-delay: -8s;
    transform-origin: -24vw 0vh;
    box-shadow: -12vmin 0 2.1543529479943153vmin currentColor;
}
.bloque-footer span:nth-child(9) {
    color: #FFACAC;
    top: 13%;
    left: 23%;
    animation-duration: 15s;
    animation-delay: -6s;
    transform-origin: 14vw -9vh;
    box-shadow: 12vmin 0 2.279873645253163vmin currentColor;
}
.bloque-footer span:nth-child(10) {
    color: #583C87;
    top: 54%;
    left: 27%;
    animation-duration: 11s;
    animation-delay: -2s;
    transform-origin: -18vw -13vh;
    box-shadow: 12vmin 0 1.9222893059279484vmin currentColor;
}
.bloque-footer span:nth-child(11) {
    color: #583C87;
    top: 40%;
    left: 97%;
    animation-duration: 9s;
    animation-delay: -2s;
    transform-origin: 11vw -4vh;
    box-shadow: -12vmin 0 2.124070322640562vmin currentColor;
}
.bloque-footer span:nth-child(12) {
    color: #583C87;
    top: 65%;
    left: 10%;
    animation-duration: 6s;
    animation-delay: -2s;
    transform-origin: -8vw 6vh;
    box-shadow: -12vmin 0 1.8942073184447927vmin currentColor;
}
.bloque-footer span:nth-child(13) {
    color: #583C87;
    top: 9%;
    left: 49%;
    animation-duration: 10s;
    animation-delay: -6s;
    transform-origin: -22vw 24vh;
    box-shadow: -12vmin 0 1.7032916258833362vmin currentColor;
}
.bloque-footer span:nth-child(14) {
    color: #583C87;
    top: 54%;
    left: 10%;
    animation-duration: 9s;
    animation-delay: -7s;
    transform-origin: 0vw 19vh;
    box-shadow: 12vmin 0 1.9037227354676347vmin currentColor;
}
.bloque-footer span:nth-child(15) {
    color: #FFACAC;
    top: 75%;
    left: 74%;
    animation-duration: 15s;
    animation-delay: -8s;
    transform-origin: 10vw 4vh;
    box-shadow: 12vmin 0 2.159826508673685vmin currentColor;
}
.bloque-footer span:nth-child(16) {
    color: #583C87;
    top: 83%;
    left: 53%;
    animation-duration: 14s;
    animation-delay: -2s;
    transform-origin: 9vw -20vh;
    box-shadow: -12vmin 0 1.9493816854805686vmin currentColor;
}