@keyframes 
spin3D{
    from{
        transform:rotate3d(0.5,0.5,0.5,360deg)
            }
            to{
                transform:rotate3d(0deg)
                }
                    }
#loading{height:100%;
            background-color:#1d2630;
            display:flex;
            justify-content:center;
            align-items:center;
            position:fixed;
            top:0;
            left:0;
            right:0;
            overflow:hidden;
            z-index:99999999
                }.spinner-box{
                    width:300px;
                    height:300px;
                    display:flex;
                    justify-content:center;
                    align-items:center;
                    background-color:transparent}.leo{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%}.blue-orbit{width:165px;height:165px;border:1px solid #91daffa5;animation:spin3D 3s linear .2s infinite}.green-orbit{width:120px;height:120px;border:1px solid #91ffbfa5;animation:spin3D 2s linear 0s infinite}.red-orbit{width:90px;height:90px;border:1px solid #ffca91a5;animation:spin3D 1s linear 0s infinite}.white-orbit{width:60px;height:60px;border:2px solid #fff;animation:spin3D 10s linear 0s infinite}.w1{transform:rotate3D(1,1,1,90deg)}.w2{transform:rotate3D(1,2,0.5,90deg)}.w3{transform:rotate3D(0.5,1,2,90deg)}