#site-splash-screen{
    position:fixed;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;

    background:#000;
    z-index:999999999;

    opacity:1;
    visibility:visible;

    transition:opacity .7s ease, visibility .7s ease;
}

#site-splash-screen.splash-hidden{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

body.splash-active{
    overflow:hidden;
}

.splash-logo{

    width:min(500px,90vw);
    height:auto;
    display:block;

    opacity:0;
    visibility:hidden;

    transform:scale(.85);

}

@media(max-width:768px){

    .splash-logo{
        width:min(320px,85vw);
    }

}