.body{
  
    font-family: var(--roboto);
    height:100%;
    justify-content: center;
    margin:0px;
    padding:0px;
    box-sizing:border-box;
    text-align:center;
    align-items:center;
    background-color: var(--fundoEscuro);
    color: var(--pretoBranco);
    background-size:400% 400%;
    height:100%;    
}

a{ 
    font-family:var(--roboto);
    color:orange;
    text-decoration:none;
}
a:hover{
    background:rgba(0, 0, 0, .05);
    color: var(--orange);
}
#header{
    width:100%;
    position:-webkit-sticky; /* Necessário para funcionar no Safari */
    position:fixed;
    top:0;
    z-index:99;
    box-shadow:0px 0px 6px 0px rgb(0, 0, 0);
    box-sizing:border-box;
    height:100px;
    padding: 0 1rem 0 5rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#fff;
}
#logo{
    margin-left:5rem;
    width:250px;
    height:auto;
 }
.fotologo{
    width:250px;
    height:auto;
}

#menu{
    font-family:Arial;
    display:flex;
    list-style:none;
    gap:.5rem;/*ESPAÇAMENTO*/
    
}
#menu a{
    display:block;
    padding:.9rem;
}
#btn-mobile{
    display:none; 
}
#toggle{
    margin-left: .7rem;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
}

/*tablet*/
@media only screen and (max-width:1300px){
    #header{
        padding: 0 2rem 0 2rem;
    }
}
@media only screen and (max-width:992px){

    #toggle{
        margin: .9rem;
}
}
/*tablet*/

/*mobille*/