#loading{
    position:fixed;
    width:100%;
    height:100%;
    background-color:rgba(255, 255, 255, 0.835);
    z-index:999
    }
    .boxLoading{
        width:50px;
        height:50px;
        margin:auto;
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0
    }
    .boxLoading:before{
        content:'';
        width:50px;
        height:5px;
        background:#000;
        opacity:.1;
        position:absolute;
        top:59px;
        left:0;
        border-radius:50%;
        animation:shadow .5s linear infinite
    }
    .boxLoading:after{
        content:'';
        width:50px;
        height:50px;
        background:#ffb3cc;
        animation:animate .5s linear infinite;
        position:absolute;
        top:0;
        left:0;
        border-radius:3px
    }
    @keyframes animate{
        17%{
            border-bottom-right-radius:3px
        }
        25%{
            transform:translateY(9px) rotate(22.5deg)
        }
        50%{
            transform:translateY(18px) scale(1,0.9) rotate(45deg);
            border-bottom-right-radius:40px
        }
        75%{
            transform:translateY(9px) rotate(67.5deg)
        }
        100%{
            transform:translateY(0) rotate(90deg)
        }
    }@keyframes 
    shadow{
        0%,100%{
            transform:scale(1,1)
        }
        50%{
            transform:scale(1.2,1)
        }
    }