/* Prevent scrolling */
body.loading{
    overflow:hidden;
}

/* Splash Screen */
#splash-screen{
    position:fixed;
    inset:0;
    background:#ffffff; /* or your brand color */
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:99999;
    transition:opacity .8s ease;
}

/* Logo Size */
.spinning-logo-3d {
    width: 180px;
    animation: elegantSpin 7s ease-in-out forwards;
}

@keyframes elegantSpin {

    0% {
        transform: rotate(0deg) scale(.8);
        opacity: 0;
    }

    15% {
        opacity: 1;
        transform: rotate(90deg) scale(1);
    }

    70% {
        transform: rotate(680deg) scale(1);
    }

    100% {
        transform: rotate(720deg) scale(1);
    }
}