#pageLoader{

    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:
    rgba(15,23,42,0.88);

    backdrop-filter:blur(4px);

    display:flex;

    justify-content:center;
    align-items:flex-start;

    padding-top:70px;

    z-index:999999;

    opacity:1;

    transition:0.3s;
}


#pageLoader.hidden{

    opacity:0;

    visibility:hidden;

    pointer-events:none;
}


.loader-box{

    text-align:center;
}


.spinner{

    width:90px;
    height:90px;

    border-radius:50%;

    border:8px solid rgba(255,255,255,0.15);

    border-top:8px solid white;

    animation:spin 0.8s linear infinite;
}


.loader-text{

    margin-top:18px;

    color:white;

    font-size:22px;

    font-weight:600;
}


@keyframes spin{

    100%{
        transform:rotate(360deg);
    }
}