/* cabeçalho e menu*/

.cabecalho {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 1rem;
    gap: 1rem;
    justify-content: space-around;
}

.cabecalho__logo_e_titulo {
    display: flex;
    flex-direction: row;
    gap: 0.1rem;
}

.cabecalho__logo_e_titulo img {
    max-height: 5rem;
}

.navegacao {
    display: none;
}

/* apresentação */

.apresentacao__conteiner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
} 

.apresentacao__conteiner-foto-titulo-e-subtitulo {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-evenly;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.apresentacao__conteiner-foto-titulo-e-subtitulo img {
    max-width: 20rem;
}

/* redes sociais */

 .redes {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
}

.redes__elemento-img-nome {
    display: flex;
    gap: 5rem;
}    

/* sobre mim */

.sobre-mim {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 8rem;
    text-align: justify;
}

.sobre-mim img {
    max-width: 10rem;
}

/* habilidades */

.habilidades {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.habilidades__lista {
    padding: 2rem;
    display: flex; 
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    gap: 4rem;
}

.habilidades__lista li {
    gap: 1rem;
}

.habilidades__elemento img {
    max-height: 5rem;
}

/* hobbies */


.hobbies {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 5rem;
}

.hobbies__lista {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap: 7rem;
    text-align: center;
    flex-wrap: wrap;
}

/* formação acadêmica */

.formacao {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    padding: 1rem;
}

.formacao__lista {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 2.5rem;
}

.formacao__elemento img {
    max-width: 15rem;
}

/* experiência profissional */
.projetos  {
    display: flex;
    flex-direction: column; 
    gap: 3rem;
    padding: 3rem;
}

.projetos__conteiner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
}

.projetos__conteiner img {
    max-width: 20rem;
}

.projetos__conteiner-descricao {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.projetos__descricao-botoes {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

/* contato */

.contato {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.contato__formulario {
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 5rem;
    padding-left: 2rem;
    max-width: 50rem;
    gap: 2rem;
}

.contato img {
    display: none;
}

/* parte de desenvolvimento */
.desenvolvido {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}


/* ------------------------------ Responsividade ---------------------------------------*/

/* Tablets e telas maiores */
@media (min-width: 768px) {
    /* cabeçalho e menu */
    .cabecalho {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .cabecalho__logo {
        max-width: 100px;
    }

    .cabecalho__titulo {
        font-size: 1.5rem;
    }

    .navegacao__lista {
        display: flex;
        flex-direction: row;
        gap: 1rem;
        margin-top: 0;
    }

    .navegacao__elemento a {
        font-size: 1rem;
    }

    /* apresentação */

    .apresentacao__conteiner p {
        font-size: 1.5rem;
    }

    /* redes sociais */

    .redes {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 5rem;
        align-items: center;
    }

    /* sobre mim */
    .sobre-mim img {
        max-width: 20rem;
    }
    
    /* hobbies */

    .hobbies__lista {
        justify-content: center;
        align-items: center;
        display: flex;
        gap: 5rem;
        padding: 3rem;
        text-align: center;
        flex-flow: row wrap;
    }

    /* formação acadêmica */

    .formacao {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
        padding: 1rem;
    }

    .formacao__lista {
        display: flex;
        flex-wrap: column;
        text-align: center;
        gap: 2.5rem;
    }

    .formacao__elemento img {
        max-width: 25rem;
    }



    /* experiência profissional */
    .projetos__conteiner {
        display: flex;
        align-items: flex-start;
        text-align: justify;
    }

    .projetos  {
        display: flex;
        flex-direction: column; 
        gap: 5rem;
        padding: 5rem;
    }

    .projetos__conteiner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.6rem;
    }


    .projetos__conteiner-descricao {
        align-items: flex-start;
        justify-content: flex-start;
        text-align: justify;
    }

    .projetos__descricao-botoes {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 1rem;
    }

   

}

/* Telas grandes */
@media (min-width: 1024px) {
    /* Aqui você pode ajustar ainda mais o design para telas grandes */
    .cabecalho__titulo {
        font-size: 1.8rem;
    }

    .navegacao__elemento a {
        font-size: 1.1rem;
    }

    /* cabeçalho e menu*/

    .cabecalho {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 1rem;
        gap: 5rem;
        justify-content: space-around;
    }

    .cabecalho__logo_e_titulo {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
    }

    .navegacao {
        display: block;
    }


    /* apresentação */

    .apresentacao {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding: 4rem;
    }

    .apresentacao__conteiner-foto-titulo-e-subtitulo {
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        flex-direction: row-reverse;
        flex-wrap: wrap;
    }

    .apresentacao__conteiner-foto-titulo-e-subtitulo img {
        max-width: 50rem;
    }


    /* redes sociais */

    .redes {
        display: flex;
        justify-content: space-evenly;
        gap: 5rem;
        text-align: center;
        align-items: center;
    }

    .redes__elemento-img-nome {
        display: flex;
        justify-content: center; 
        align-items: center;
        gap: 5rem;
    }

    .redes__elemento img {
        margin-right: 1rem;
        align-self: flex-end;
    }

    /* sobre mim */

    .sobre-mim {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        padding: 4rem;
        text-align: justify;
    }

    .sobre-mim img {
        max-width: 30rem;
    }

    /* habilidades */

    .habilidades {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-direction: column;
        padding: 5rem;
        gap: 3rem;
    }

    .habilidades__lista {
        display: flex; 
        flex-direction: row;
        align-items: center;
        text-align: center;
        gap: 10rem;
    }

    .habilidades__lista li {
        gap: 3rem;
    }

    .habilidades__elemento img {
        max-height: 5rem;
    }

    /* hobbies */


    .hobbies {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: column wrap;
        padding: 5rem;
        gap: 2rem;
    }

    .hobbies__lista {
        display: flex;
        flex-direction: row;
        gap: 4rem;
        text-align: center;
        justify-content: center;
    }


    /* formação acadêmica */

    .formacao {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        gap: 0.5rem;
    }

    .formacao__lista {
        display: flex;
        flex-direction: row;
        text-align: center;
        gap: 2.5rem;
    }

    .formacao__elemento img {
        max-width: 18rem;
    }


    /* experiência profissional */
    .projetos  {
        display: flex;
        gap: 5rem;
        padding: 5rem;
        align-items: flex-start;
        justify-content: space-around;
    }

    .projetos h2 {
        align-items: center;
    }

    .projetos__conteiner {
        display: flex;
        flex-direction: row;
    }


    .projetos__conteiner {
        display: flex;
        align-items: center;
        gap: 5rem;
    }

    .projetos__conteiner-descricao {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 1rem;
        align-items: flex-start;
        
    }

    .projetos__conteiner img {
        min-width: 35rem;
        align-self: flex-start;
    }

    .projetos__descricao-botoes {
        display: flex;
        flex-direction: row;
        gap: 2.5rem;
    }

    /* contato */

    .contato {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .contato__formulario {
        text-align: start;
        display: flex;
        flex-direction: column;
        padding: 5rem;
        padding-left: 2rem;
        max-width: 50rem;
        gap: 2rem;
    }

    .contato img {
        display: flex;
        max-height: 30rem;
        align-self: center;
        padding-left: 10rem;
    }
}