@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


* {
    margin: 0;
    padding: 0;

}


:root {

    --fonte-secundaria:"Montserrat", sans-serif;
    --fonte-primaria:"Krona One", sans-serif; 
    --cor-prmaria: #E4E0E1;
    --cor-secundaria: #493628;
    --cor-tercearia: #AB886D;
    --cor-hover: #AB886D;

}


body   {
    
    box-sizing: border-box;
    background-color: var(--cor-prmaria);
    color: var(--cor-secundaria);
    
}

.titulo-destaque {
    color:var(--cor-tercearia);
}


.apresentacao { 
    
    
    padding: 6%  15%;
    display: flex;
    align-items: center;
    justify-content:space-between;
    gap:82px;
    
}

.texto-apresentacao {
    
    display: flex;
    flex-direction: column;
    font-family: var(--fonte-primaria);
    width: 60%;
    gap: 40px;
    
}

.apresentacao__titulo {
    font-size: 3.25rem;
   
}

.paragrafo {
    font-family: var(--fonte-secundaria);
    font-size: 1.6rem;

}

.links-apresentacao {

    font-size: 1.1rem;
    gap:32px;
    display: flex;
    flex-direction: column;
    justify-content:sc;
    align-items: center
    
    
    
}

.Link_links {
  
    align-items: center;
    display: flex;
    justify-content:center;
    font-size: 1.25rem;
    gap: 16px;
    border: 2px solid var(--cor-tercearia);
    width: 50%;
    border-radius: 8px;
    padding: 21.5px 0px;
    text-decoration: none;
    color: var(--cor-secundaria);
}


.imagem {
    
    width: 30%; 
    border-radius: 20%;
    border: 3px solid var(--cor-tercearia);
    box-shadow: 0 0 10px var(--cor-tercearia);
}




.Link_links:hover {

    background: var(--cor-hover)
}

.rodape {
    
    
    font-family: var(--fonte-secundaria);
    padding: 30px;
    display: flex;
    justify-content: center;
    background-color: var(--cor-tercearia);
    font-size: 1.5rem;
    color: var(--cor-prmaria)
    
     
}


.cabecalho__nav { 

    display: flex;
    gap: 80px;

}
.cabecalho {
    
    padding: 2% 0% 0% 15%;  
    font-size: 1.2rem;
   
}

.cabecalho__titulo {  
    text-decoration: none;
    font-family: var(--fonte-primaria);
    color: var(--cor-tercearia)
    
}

.cabecalho__titulo:hover {
  
    color: var(--cor-secundaria);
}


@media (max-width:1030px) {

    .rodape {
    
    font-size: 1.1rem;

       
}

    .Link_links {

    width: 70%;
   
}

    .cabecalho {
            
        padding: 10% 5%;
      
    }

    .cabecalho__nav {

        justify-content: center;

    }

    .texto-apresentacao {
        width:  auto    ;  /*faz a div ocupar o tamanho do conteudo*/
    }

    .apresentacao {
        flex-direction: column-reverse;
        padding: 7%  6%;
        gap: 40px;
       
       
    }
    .apresentacao__titulo {
        font-size: 2.5rem;
    }

    .paragrafo {
        font-size: 1.5rem;
    }

    .imagem {
        display: flex;
        justify-content: flex-start;
        width:  40%;
    }
    
}