@keyframes cube {
    from {
        transform: scale(0) rotate(0deg) translate(-50%, -50%);
        opacity: 1;
    }
    to {
        transform: scale(20) rotate(960deg) translate(-50%, -50%);
        opacity: 0;
    }
}

.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    background: rgb(72, 2, 2)  ;
    overflow: hidden;
}
.background li {
    position: absolute;
    top: 80vh;
    left: 45vw;
    width: 10px;
    height: 10px;
    border: solid 1px #380000 ;
    color: transparent;
    transform-origin: top left;
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    animation: cube 7s ease-in forwards infinite;
}
undefined
.background li:nth-child(0) {
    animation-delay: 0s;
    left: 66vw;
    top: 61vh;
    border-color: #380000 ;
}

.background li:nth-child(1) {
    animation-delay: 2s;
    left: 42vw;
    top: 80vh;
    border-color: #380000 ;
}

.background li:nth-child(2) {
    animation-delay: 4s;
    left: 19vw;
    top: 46vh;
}

.background li:nth-child(3) {
    animation-delay: 6s;
    left: 77vw;
    top: 20vh;
}

.background li:nth-child(4) {
    animation-delay: 8s;
    left: 84vw;
    top: 91vh;
    border-color: #380000 ;
}

.background li:nth-child(5) {
    animation-delay: 10s;
    left: 9vw;
    top: 5vh;
}