/* =========================================
   HAS Framework 1.0
   SPLASH SCREEN
   haldi.my.id
========================================= */

/* =========================================
   SPLASH SCREEN
========================================= */

#splash{

    position:fixed;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    background:linear-gradient(135deg,#eef5ff,#dcecff);

    z-index:99999;

    transition:opacity 1s ease, visibility 1s ease;

}

/* =========================================
   JUDUL
========================================= */

#splash h1{

    font-size:72px;

    color:var(--primary);

    font-weight:700;

    margin-bottom:18px;

    letter-spacing:1px;

}

/* =========================================
   SUB JUDUL
========================================= */

#splash h2{

    font-size:34px;

    font-weight:400;

    color:var(--primary);

    margin-bottom:12px;

}

#splash h3{

    font-size:28px;

    font-weight:400;

    color:#555;

    margin-bottom:18px;

}

/* =========================================
   MOTTO
========================================= */

#splash p{

    font-size:22px;

    color:#666;

    letter-spacing:2px;

    margin-top:10px;

}

/* =========================================
   HIDE
========================================= */

.hideSplash{

    opacity:0;

    visibility:hidden;

    pointer-events:none;

}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:768px){

    #splash h1{

        font-size:46px;

    }

    #splash h2{

        font-size:24px;

    }

    #splash h3{

        font-size:20px;

    }

    #splash p{

        font-size:16px;

        letter-spacing:1px;

        padding:0 20px;

    }

}