#loader{

    position:fixed;

    inset:0;

    background:#090B10;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:99999;

    transition:.5s;

}

.loader-spinner{

    width:55px;

    height:55px;

    border-radius:50%;

    border:4px solid rgba(255,255,255,.1);

    border-top-color:#6C5CE7;

    animation:spin .8s linear infinite;

}

#loader.hide{

    opacity:0;

    visibility:hidden;

}

@keyframes spin{

    to{

        transform:rotate(360deg);

    }

}