/* 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;

    /*Essa parte serve para deixar o header fixo na página, já que os projetos ocupam mais que a tela*/
    overflow: hidden;
    position: fixed; 
    top: 0; 
    width: 100%; 
    background-color: #BCA973;
    

}

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

nav{
    margin-left: 20px;
}

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

/* Tags */

a{
    text-decoration: none;
}

a:hover{
    color: white ;
}
/* Classes */
.projeto{
    display: flex;
    flex-direction: column;
    border: solid;
    width: min-content;
    align-items: center;

    border-radius: 10px;
    border-width: 2px 2px 2px 2px;
    margin: 50px;

    background-color: #CDBE96  ;

    width: 600px;
    height: fit-content;
}

.projeto img{
    border-radius: 5px;
    width: 100%;
    height: 400px;
    border: solid 2px;
    border-width: 2px 2px 2px 2px;
}

.projeto p{
    font-family: "Lexend";
    font-size: 1.5em;
    margin: 10px;
}

.desc{
    display: flex;
    flex-direction: column;
    border: solid;
    width: min-content;
    align-items: center;

    border-radius: 10px;
    border-width: 2px 6px 6px 2px;
    margin: 50px;

    width: 500px;


}
.desc p{
    font-size: 1.5em;
    font-family: "Lexend";
    text-align: justify;
    line-height: 170%;

    padding: 20px;
}

/* IDs */

#conteudo{
    /* border: solid; */
    display: flex;
    width: 1400px;

    margin: auto;
    margin-top: 200px;

    flex-direction: row;
    flex-wrap: wrap;

    justify-content: space-around;
}

#rodape{
    margin-top: 50px;
    padding-bottom: 20px;
    text-align: center;
    margin-left: 90px;
}