.fasttopup {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: -1;
        }
        .fasttopup li{
            position: absolute;
            
            display: block;
            list-style: none;
            width: 20px;
            height: 20px;
            background: rgba(202, 202, 203, 0.2);
         
            animation: animate 25s linear infinite;
            bottom: -150px;
            
        }
        
        .fasttopup li:nth-child(1){
            left: 25%;
            width: 80px;
            height: 80px;
            animation-delay: 0s;
            background-image :linear-gradient(45deg, var(--warna_1), var(--primary));
        }
        
        
        .fasttopup li:nth-child(2){
            left: 10%;
            width: 20px;
            height: 20px;
            animation-delay: 2s;
            animation-duration: 12s;
            background-image : linear-gradient(45deg, var(--warna_1), var(--primary));
        }
        
        .fasttopup li:nth-child(3){
            left: 70%;
            width: 20px;
            height: 20px;
            animation-delay: 4s;
            background-image : linear-gradient(45deg, var(--warna_2), var(--success));
        }
        
        .fasttopup li:nth-child(4){
            left: 40%;
            width: 60px;
            height: 60px;
            animation-delay: 0s;
            animation-duration: 18s;
            background-image : linear-gradient(45deg, var(--warna_3), var(--info));
        }
        
        .fasttopup li:nth-child(5){
            left: 65%;
            width: 20px;
            height: 20px;
            animation-delay: 0s;
            background-image : linear-gradient(45deg, var(--warna_4), var(--danger));
        }
        
        .fasttopup li:nth-child(6){
            left: 75%;
            width: 110px;
            height: 110px;
            animation-delay: 3s;
            background-image : linear-gradient(45deg, var(--warna), var(--danger));
        }
        
        .fasttopup li:nth-child(7){
            left: 35%;
            width: 150px;
            height: 150px;
            animation-delay: 7s;
            background-image : linear-gradient(45deg, var(--warna_1), var(--success));
        }
        
        .fasttopup li:nth-child(8){
            left: 50%;
            width: 25px;
            height: 25px;
            animation-delay: 15s;
            animation-duration: 45s;
            background-image : linear-gradient(45deg, var(--warna_2), var(--info));
        }
        
        .fasttopup li:nth-child(9){
            left: 20%;
            width: 15px;
            height: 15px;
            animation-delay: 2s;
            animation-duration: 35s;
            background-image : linear-gradient(45deg, var(--warna_3), var(--danger));
        }
        
        .fasttopup li:nth-child(10){
            left: 85%;
            width: 150px;
            height: 150px;
            animation-delay: 0s;
            animation-duration: 11s;
            background-image : linear-gradient(45deg, var(--warna_4), var(--warning));
        }