/* GLOBAL */
.me_global{
    background-color: rgba(7, 7, 7, 0.95);
    color: white;
    height: 100%;
    width: 100%;
    font-size: 20px;
}

.me_section {
    width: 65%;
    gap: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
}





/* ABOUT ME */


.me_about_me {
    gap: 50px;
}

.me_about_pfp {
    width: 40%;
    height: 100%;
}

.me_about_pfp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: #b08d57 8px solid;
    border-radius: 50%;

}

.me_about_text {
    width: 60%;
    gap: 20px;
}


.me_about_text_content {
    gap: 20px;
}



/* ENGINES */

.me_engines {
    
}

.me_engines_logos {
    gap: 10%;
}

.me_engines_logos img {
    width: 12%;
    height: 100%;
    object-fit: contain;
}


/* TOOLS */

.me_tools {
    
}

.me_tools_logos {
    gap: 7%;
}

.me_tools_logos img {
    width: 19%;
    height: 100%;
    object-fit: contain;
}

/* COMPETENCES */

.me_competences {
    
}

.me_competences_list {
    gap: 7%;
}

.me_competences_list_item {
    width: 30%;
    gap : 10px;
}

.me_competences_list_item img {
    width: 50%;
    height: 100%;
    aspect-ratio: 4/3;  /* ou 4/3, 1/1 ... selon ton besoin */
    object-fit: scale-down;
}

.me_competences_list_item_title {
    color: white;
}
.me_competences_list_item_text {
    color: rgb(184, 184, 184);
    text-align: center;
}

.me_competences_text {
    width: 80%;
    text-align: center;
    padding-bottom: 50px;
}

/* CONTACT */

.me_contact {
}

.me_contact_text{
    font-weight: 800;
}

.me_contact_infos{
    padding-top: 20px;
    gap: 10px;
}

.me_contact_links{
    gap: 7%;
}

.me_contact_links_item{
    width: 30%;
    gap : 10px;
}

.me_contact_links_item img {
    width: 25%;
    height: 100%;
    object-fit: contain;
}