:root{
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    margin: 0px;
    padding: 0px;
    min-height: 100vh;

    font-display: swap;
    
    background-image:linear-gradient(-20deg, #EEE 0%,  #ccc 50%, #EEE 100% );
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #000;

}

html{ 
 overflow-y: scroll;    
 scroll-behavior: smooth;  
}

html,body{
 margin: 0px;
 padding: 0px;
 min-height: 100vh;

}

a, button{
    touch-action: manipulation;
}



#loader{
    position: fixed;
    z-index:99999999999;
    
    left:0px; width:100vw;
    top:0px; height:100vh;
    
    background-color:#FFF;
    display: grid;

    grid-template-rows: 1fr 1fr 1fr;
    place-items: center center;
    color: #F50;
    text-align: center;
    
    font-size: 2rem;
    font-weight: 400;
    
    opacity: 1;

    transition: 0.3s;
}

#loader .hide{
    display:none;
}

#mainContainer{
    width: 100%;
    min-height: 100vh;
    /*scroll-snap-type: y proximity;*/
}




/*  SCROLLBAR   */

::-webkit-scrollbar { width: 10px; }                          /*  scrollbar       */
::-webkit-scrollbar-track { background: #AAA; }          /* Track            */
::-webkit-scrollbar-thumb { background: #444; }          /* Handle           */
::-webkit-scrollbar-thumb:hover { background: #161017; }    /* Handle on hover  */


#logoApp{
    width:  100px;
    height: 64px;
}

#logo{
    padding-left: 1rem;
}





#navbar, #fullPageMenu{
    display:none;
}




.rounded{border-radius: 0.5rem;}
.noscroll{   overflow-y: hidden;    }
.opacity0{  opacity: 0;             }
.on{        left: 0vw !important;   }
.rotate_first{transform: rotate(45deg) translate(10px,0px);}
.rotate_last{transform: rotate(-45deg) translate(10px,0px);}
.f3x{ font-size: 3rem; }