/* Common Loader CSS */

@keyframes hideLoader{
    0%{ width: 100%; height: 100%; }
    100%{ width: 0; height: 0; }
}
body div.loader{
        position: fixed;
        background: none;
        width: 100%;
        height: 100%;
        z-index: 1071;
        opacity: 0;
        transition: opacity .5s ease;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    body:not(.loaded) div.loader{
        opacity: 1;
    }
    body:not(.loaded){
        overflow: hidden;
    }
body.loaded div.loader{
    animation: hideLoader .5s linear .5s forwards;
}