#me_div{
    transition: .5s ease all;
}
.full_screen{
    padding-bottom: 30rem;
}
#me{
    transition: .5s ease all;
}
#mon_parcours{
    max-width: 2000px;
}
.full_screen #me{
    transition: .5s ease all;
    height:1000px;
}
h2{
    all: inherit;
    font-family:anita-semi-square;
    font-size:3rem;
    width: 90%;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
h3, h4, .texte{
    color:#FFF;
}
.citation{
    color:#FFF;
    font-family:anita-semi-square;
    font-size:2rem;
    width: 90%;
    font-style:italic;
    text-transform:uppercase;
}
.container_left{
    float: left;
    width: 70%;
    flex-direction:column;
    font-family:anita-semi-square;
    font-size:2rem;
    border-top:#E89500 solid 4px;
    margin-bottom:2rem;
}
.container_right{
    float: right;
    width: 70%;
    flex-direction:column;
    font-family:anita-semi-square;
    font-size:2rem;
    border-top:#E89500 solid 4px;
    margin-bottom:2rem;
}
/* Disposition réactive - lorsque l'écran mesure moins de 800 pixels de large, faites en sorte que les deux colonnes s'empilent les unes sur les autres au lieu d'être côte à côte */
@media screen and (max-width: 800px) {
    .container_left, .container_right {
    width: 100%;
    padding: 5px;
    }
}
.progressbar{
    height:1.25rem;
    width:80%;
    margin:auto;
    background-color:#515151;
    border-radius:5px;
    justify-content:flex-start;
}
.progress{
    background-color:#E89500;
    border-radius:5px;
    height:1.25rem;
}
#reseau{
    width:60%;
}#certification{
    width:100%;
}
#pwsh{
    width:80%;
}
#winserv{
    width:85%;
}
#bash{
    width:85%;
}
#debian{
    width:90%;
}
#macos{
    width:80%;
}
#docker{
    width:60%;
}
#kubernetes{
    width:25%;
}
#puppet{
    width:30%;
}
#git{
    width:87%;
}
#htmlcss{
    width:75%;
}
#js{
    width:30%;
}
#php{
    width:30%;
}
section{
    margin-bottom:2%;
}

@media screen and (max-width:600px), (max-height:600px) {
    #me{
        height:500px;
    }
    .full_screen #me{
        height:750px;
    }
    h2{
        font-size:2rem;
    }
}
@media screen and (max-width:500px), (max-height:500px) {
    #me{
        height:400px;
    }
    .full_screen #me{
        height:600px;
    }
}
@media screen and (max-width:400px), (max-height:400px) {
    #me{
        height:300px;
    }
    .full_screen #me{
        height:450px;
    }
}