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

#splash-screen{
    position:fixed;
    inset:0;
    background:#000;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:99999;
    opacity:1;
    transition:opacity .8s ease;
}

#splash-screen.hide{
    opacity:0;
    pointer-events:none;
}

.splash-content{
    text-align:center;
    animation:splashZoom 1.5s ease;
}

.logo-circle{
    width:72px;
    height:72px;
    border-radius:50%;
    background:white;
    margin:auto;
    margin-bottom:22px;
    animation:pulseLogo 2s infinite;
}

.logo-text{
    margin:0;
    color:white;
    font-size:54px;
    font-weight:700;
    letter-spacing:4px;
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;
}

.from-text{
    margin-top:14px;
    color:#777;
    font-size:15px;
}
.brand-text{

    margin-top:4px;
    color:white;
    font-size:22px;
    font-weight:600;
}