/* CSS GERAL */

*{ /*Tira toda a formatação inicial de tudo do site*/
    padding: 0;
    margin: 0;
    color: #2e2210    ;
    /* border: solid 1px; */
}

html, body {
    height: 100%; /*Serve para que o background possa receber o background color por inteiro, sem faltar uma parte*/
    background: linear-gradient(#BCA973, #CDBE96);
    background-repeat: no-repeat;
    background-attachment: fixed; 
}

header{
    display: flex;
    padding: 10px;
    align-items: center;
}

header>h1{
    flex-grow: 1;
    text-align: center;
    font-family: "arizonia";
    font-size: 3em;
}

nav{
    margin-left: 20px;
}

/* ------------------------ CSS - Sobre ------------------------ */

/* Tags */


/* Classes */
.modelo{
    padding: 50px;
    /* border: solid; */
    display: flex;
    flex-direction: column;
    justify-items: center;
}

.modelo h2{
    font-size: 3em;
    text-align: center;

    font-family: "Lexend", sans-serif;

}

.modelo:nth-child(1){
    text-align: center;
}

.linguagens{
    list-style: none;
    display: inline-flex;
    width: 140px;
    height: 40px;
    margin: 5px;
    margin-left: 15px;
    margin-top: 35px;
    justify-content: center;    
    background-color: #D9D9D9;

    font-size: 25px;
    border-radius: 10px;
    align-items: center;
    cursor: default;
}

.linguagens:hover{
    background-color: #2e2210;
    color: #D9D9D9;
}
/* IDs */

#caixa{
    /* border: solid; */
    border-radius: 15px;
    width: 1400px;
    height: 700px;
    margin: auto;

    display: flex;
    align-items: end;

    background: linear-gradient(#cdbe96, #bca973   ) ;
}

#caixa #imagem1{
    border-radius: 0px 10px 0px 10px;
    width: 450px;
}

#caixa2{
    display: flex;
    flex-direction: column;
    /* border: solid; */
    margin: auto;
}


#caixas_linguagens{
    display: flex;
    width: 700px;
    height: 200px;
    /* border: solid; */
    justify-content: space-around;
    font-family: "Lexend", sans-serif;

}

#caixa_links{
    display: flex;
    /* border: solid; */
    flex-direction: row;
    justify-content: center;
    margin-top: 10px;
}

#linksB{
    display: flex;
    list-style: none;
    flex-direction: column;
    /* border: solid; */
    text-align: left;
    

}

#linksB li{
    font-size: 20px;
    margin-top: auto;
    margin-bottom: 12px;
    margin-left: 10px;

    font-family: "Lexend", sans-serif;

}


#imagens_links{
    width: 50px;   
    /* border: solid; */
    
}

#imagens_links img{
    width: 40px;  
    height: 40px; 

    
}


#rodape{
    margin-top: 70px;
    text-align: center;
    margin-left: 60px;

}