/*Configurações da fonte do site*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap');

/*Configurações de cores*/

/*:root{
    --cor1:#c9b065;
    --cor2:#0a1130;
    --cor3:#7d6a32;
    --cor4:#ffffff;
}*/

/*:root{
    --cor1:#0a1130;
    --cor2:#e54659;
    --cor3:#000000;
    --cor4:#ffffff;
    --cor5:#a83d91;
    --cor6:#c1c97d;
}*/

:root{
    --cor1:#333237;
    --cor2:#f9bf5e;
    --cor3:#745030;
    --cor4:#f6f2e8;
    --cor5:#c6b079;
    --cor6:#c1c97d;
}

/*Cofigurações dos navegadores*/
*{
    font-family: 'roboto', san-sserif; /*fonte base e fonte que não seja serifada*/
    font-size:18px; /*tamanho base das fontes do site geralmente usam 16*/
    font-weight:400; /*Fontes do site terão peso 400*/
    text-decoration:none;/*tirar texto sublinahdo dos links*/
    list-style:none;/*tirar marcadores as bolinhas pretas do texto*/
    box-sizing: border-box;/*não vai mexer no tamanho da div*/
    margin:0; /*margens zeradas*/
    padding:0;/*zerar espaçamento interno*/
}

/*Formatação do body*/
body{
    background-color:var(--cor3);
}

header{
    max-width:95%;/*Largura*/
    height:auto;/*Altura automatica*/
    margin:0 auto;/*centralizado*/
    background-color:var(--cor4);
    text-align:center;/*texto centralizado*/
    border-radius:0px 0px 12px 12px;/*superior esquerda e direita sem alteração, inferior esquerda e direita alteração*/
    padding-top:1rem;/*quer dizer 18px*/
    box-shadow:0px 4px 3px var(--cor2);/*em cima nenhuma sombra, embaixo uma sombra, a distandcia/tamanho da sombra e a cor*/
}

.logo img{
    width: 300px;
    height: 320px;
}

nav li{
    display:inline-block;
    margin: 1rem 1rem;
}

nav a{
    color:var(--cor3);
    font-weight: bold;
}

nav a:hover{
    color:var(--cor6);
    border-bottom:4px solid;
}