:root{
    --colore1: #837863;
    --colore2: #8f8c86;
}
.stopScroll{
    overflow: hidden;
}

#loadingScreen{
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 999;
    background-color: var(--colore2);
    height: 100vh;
    width: 100vw;
    transition: opacity 0.3s linear;
}
#centerLogo{
    position:relative;
    overflow-y: hidden;
    overflow-x: hidden;
    background-color: #ffffff5b;
    z-index: 2;
    width: 99px;
    height: 70px;

}
.loadingLogo{
    position: absolute;
    width: 100px;
    height: 70.5px;
}
#logoInvers{
    position: absolute;
    z-index: 2;
    background-size: cover;
    background-position:center;
    background-image: url(assets/logo-modello_inversogrigio.webp);
}
@keyframes logoBG{
0% {transform: translateY(0%);}
100% {transform: translateY(-70%);}
}

#logoBG{
    position: absolute;
    bottom: -100%;
    transition: transform 0.35s linear;
    transition: opacity 0.3s ease-in-out;
    animation: logoBG 5s linear forwards;
    background-color: white;
}