.Profil-first-section{
    width: 70vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.Profil-image{
    background-image: url('../img/Photo-Tania.jpeg');
    background-size: cover;
    border-radius: 20px;
    width: 350px;
    height: 350px;
}

.Profil-infos-section{
    margin-top: 20px;
    margin-left: 60px;
}

.Profil-infos-section > ul{
    margin-left: -40px;
}

.competences{
    display: flex;
    margin: 0 auto;
}

.competences-container{
    display: flex;
    margin: 0 auto;
    width: 60vw;
    border-radius: 50px;
    border: 1px solid black;
    background-color: #FFC46D;
}

.competences-box{
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding: 5px 20px 5px 20px;
    margin: -0.5px;
    width: 100%;
    text-align: center;
}

.competences-box1{
    border-left: 0px solid black;

    padding: 5px 20px 5px 20px;
    margin: -0.5px;
    width: 100%;
    text-align: center;
}

.section-formations{
    margin-top: 90px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.section-formations-01{
    width: 30vw;
}

.section-formations-02{
    margin-left: 50px;
    width: 15vw;
}
.section-formations-03{
    width: 30vw; 
}

.experiences-big-container{
    display: flex;
    justify-content: space-between;
}

.experiences-container{
    width: 40vw;
}

.experiences-container > ul {
    margin-left: -40px
}

.experiences-container > ul > li{
    margin-bottom: 30px;
}



@media only screen and (max-width : 1024px) {

    .Profil-first-section{
        width: 90vw;
        margin: 0 auto;
        display: inherit;
        justify-content: center;
    }
    
    .Profil-image{
        background-image: url('../img/Photo-Tania.jpeg');
        background-size: cover;
        background-position: center;
        border-radius: 20px;
        margin-top: -40px;
        width: 90vw;
        height: 350px;
    }
    
    .Profil-infos-section{
        margin-top: 50px;
        margin-left: 0px;
    }
    
    .Profil-infos-section > ul{
        margin-left: -40px;
    }
    
    .competences{
        display: flex;
        margin: 0 auto;
        justify-content: flex-start;
    }
    
    .competences-container{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin-left: -20px;
        margin-top: -20px;
        height: 50px;
        width: 90vw;
        border-radius: 50px;
        border: 1px solid black;
        background-color: #FFC46D;
    }
    
    .competences-box{
        border-left: 1px solid black;
        font-size: 10px;
        border-right: 1px solid black;
        padding: 15px 3px 5px 3px;
        margin: -0.5px;
        width: 50%;
        height: 30px;
        text-align: center;
        line-height: 10px;
    }
    
    .competences-box1{
        border-left: 0px solid black;
        font-size: 10px;
        padding: 15px 3px 5px 3px;
        margin: -0.5px;
        width: 50%;
        text-align: center;
        line-height: 10px;
    }
    
    .section-formations{
        margin: 0 auto;
        display: inherit;

    }
    
    .section-formations-01{
        margin-top: 60px;
        width: 90vw;
    }

    .section-formations > .section-formations-01 > h3{
        margin-left: 40px;
    }
    
    .section-formations > .section-formations-02 > h3{
        margin-left: -12px;
        margin-top: 30px;
    }

    .section-formations > .section-formations-03 > h3{
        margin-left: 40px;
        margin-top: 30px;
    }


    .section-formations > .section-formations-02 > ul{
        margin-left: -50px;
        margin-top: -20px;
    }


    .section-formations-02{
        margin-left: 50px;
        width: 15vw;
    }
    .section-formations-03{
        width: 90vw; 
    }
    
    .experiences-big-container{
        display: flex;
        justify-content: space-between;
    }
    
    .experiences-container{
        width: 90vw;
    }
    
    .experiences-container > ul {
        margin-left: -40px
    }
    
    .experiences-container > ul > li{
        margin-bottom: 30px;
    }
    
}