/* BACKGROUND ANIMATED */
@keyframes animate {
    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }
    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    background: linear-gradient(120deg, rgb(245, 36, 71), rgb(17, 0, 255));
    overflow: hidden;
    z-index: -1;
    filter: blur(7px);
}
.background li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 19s linear infinite;
}




.background li:nth-child(0) {
    left: 44%;
    width: 91px;
    height: 91px;
    bottom: -91px;
    animation-delay: 1s;
}
.background li:nth-child(1) {
    left: 15%;
    width: 76px;
    height: 76px;
    bottom: -76px;
    animation-delay: 1s;
}
.background li:nth-child(2) {
    left: 56%;
    width: 160px;
    height: 160px;
    bottom: -160px;
    animation-delay: 1s;
}
.background li:nth-child(3) {
    left: 52%;
    width: 140px;
    height: 140px;
    bottom: -140px;
    animation-delay: 13s;
}
.background li:nth-child(4) {
    left: 51%;
    width: 163px;
    height: 163px;
    bottom: -163px;
    animation-delay: 1s;
}
.background li:nth-child(5) {
    left: 40%;
    width: 105px;
    height: 105px;
    bottom: -105px;
    animation-delay: 12s;
}
.background li:nth-child(6) {
    left: 8%;
    width: 73px;
    height: 73px;
    bottom: -73px;
    animation-delay: 25s;
}
.background li:nth-child(7) {
    left: 75%;
    width: 105px;
    height: 105px;
    bottom: -105px;
    animation-delay: 22s;
}
.background li:nth-child(8) {
    left: 26%;
    width: 111px;
    height: 111px;
    bottom: -111px;
    animation-delay: 28s;
}
.background li:nth-child(9) {
    left: 0%;
    width: 132px;
    height: 132px;
    bottom: -132px;
    animation-delay: 37s;
}
.background li:nth-child(10) {
    left: 57%;
    width: 85px;
    height: 85px;
    bottom: -85px;
    animation-delay: 15s;
}
.background li:nth-child(11) {
    left: 87%;
    width: 102px;
    height: 102px;
    bottom: -102px;
    animation-delay: 31s;
}
.background li:nth-child(12) {
    left: 6%;
    width: 123px;
    height: 123px;
    bottom: -123px;
    animation-delay: 42s;
}
.background li:nth-child(13) {
    left: 88%;
    width: 138px;
    height: 138px;
    bottom: -138px;
    animation-delay: 43s;
}
.background li:nth-child(14) {
    left: 18%;
    width: 92px;
    height: 92px;
    bottom: -92px;
    animation-delay: 37s;
}
.background li:nth-child(15) {
    left: 15%;
    width: 88px;
    height: 88px;
    bottom: -88px;
    animation-delay: 28s;
}
.background li:nth-child(16) {
    left: 62%;
    width: 86px;
    height: 86px;
    bottom: -86px;
    animation-delay: 45s;
}