/* ==========================
   BLISS MINIMAL PRELOADER
========================== */

#bliss-loading-screen{
    position:fixed;
    inset:0;
    z-index:999999999;

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

    background:#fff
    
    url(../img/loader.webp)
    center center / cover no-repeat;

    transition:.8s;
    font-family: Frunchy;
}

#bliss-loading-screen.hide{
    opacity:0;
    visibility:hidden;
}

.bliss-loading-content{
    text-align:center;
}

.bliss-loading-title{
    margin:0;

    font-size:82px;
    font-weight:300;
    letter-spacing:12px;

    color:#222;

    animation:
    blissFade 1.2s ease;
    font-family: Frunchy!important;
}

.bliss-loading-subtitle{
    margin-top:8px;

    font-size:23px;
    letter-spacing:8px;

    color:#c98aa0;
     font-family: Frunchy!important;
}

.bliss-loading-spinner{
    width:60px;
    height:60px;

    margin:35px auto 0;

    border-radius:50%;

    border:2px solid #f1dce4;
    border-top:2px solid #d68ea8;

    animation:
    blissRotate 1s linear infinite;
}

/* animation */

@keyframes blissRotate{
    to{
        transform:rotate(360deg);
    }
}

@keyframes blissFade{
    from{
        opacity:0;
        transform:translateY(15px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media(max-width:768px){

    .bliss-loading-title{
        font-size:42px;
        letter-spacing:6px;
    }

}