/* ==========================================
LOADER
========================================== */

#loader{

    position:fixed;

    inset:0;

    background:#050505;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-direction:column;

    z-index:999999;

    transition:.7s;

}

.loader-logo{

    width:130px;

    animation:loaderFloat 2s ease-in-out infinite;

}

.loader-text{

    margin-top:25px;

    font-size:18px;

    color:#ffffff;

    letter-spacing:4px;

    font-weight:600;

}

.loader-bar{

    width:220px;

    height:5px;

    margin-top:30px;

    border-radius:999px;

    overflow:hidden;

    background:#181818;

}

.loader-fill{

    width:0;

    height:100%;

    background:linear-gradient(

        90deg,

        #ff003c,

        #8c00ff

    );

    animation:loading 2.2s forwards;

}

@keyframes loading{

0%{

width:0;

}

100%{

width:100%;

}

}

@keyframes loaderFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

}