html
    {
    background-color: yellow;
    padding: 20px;
    }

@media (max-width: 990px)
    {
    html
        {
        padding: 10px;
        }
    }

@media (max-width: 600px)
    {
    html
        {
        padding: 5px;
        }
    }

body
    {
    background-color: white;
    padding: 0;
    }

header.home_header
    {
    padding: 60px 0 60px 0;    
    }

header
    {
    padding: 10px 0 10px 0;    
    }

.chip_container
    {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    }

.chip_container .chip
    {
    }

.instagram_card .fa
    {
    font-size: 20px!important;
    padding: 5px 5px 5px 0;
    color: black;
    }

.bouton_nav:hover
    {
    background-color: rgba(255, 255, 0, 0)!important;
    box-shadow: none;
    }

.bouton_film:hover
    {
    background-color: white!important;
    box-shadow: none;
    }

.bouton_experience
    {
    color: #212121;
    background-color: yellow!important;
    transition: .1s;
    }

.bouton_experience i
    {
    color: #212121!important;
    transition: .1s;
    }

.bouton_competence
    {
    color: #212121;
    background-color: yellow!important;
    transition: .1s;
    margin-top: 15px;
    }

.bouton_competence:hover
    {
    background-color: rgba(255, 255, 0, 0)!important;
    box-shadow: none;
    transition: .1s;
    }

.bouton_competence i
    {
    color: #212121!important;
    transition: .1s;
    }

.bouton_experience:hover
    {
    background-color: rgba(255, 255, 0, 0)!important;
    box-shadow: none;
    transition: .1s;
    }

.bouton_web:hover
    {
    background-color: white!important;
    box-shadow: none;
    }

.mem_classique .bouton_web:hover i
    {
    color: #2196f3;
    transition: .1s;
    }

.mem_classique .bouton_mem_min:hover
    {
    background-color: rgba(255, 255, 255, 0)!important;
    box-shadow: none;
    color: white;
    transition: .1s;
    }

hr.style1
    {
    border-top: 0px solid rgba(255, 255, 255, 1);
    margin: 20px 0 30px 0;
    background-color: white;
    }

hr.style2
    {
    border-top: 0px solid rgba(255, 255, 255, 1);
    margin: 50px 0 35px 0;
    background-color: white;
    }

iframe.player_iframe
    {
    width: 100%;
    height: 500px;
    border-style: none;
    }

.movie_card .card-reveal p
    {
    margin: 0;    
    }

.movie_card .card-reveal p.margin
    {
    margin-top: 15px;
    }

.pagination
    { 
    display: flex;
    align-items: center;
    justify-content: center;
    }

.pagination li.active
    {
    background-color : yellow!important;
    }

.pagination li.active a
    {
    color : #444!important;
    }

.education_card .date_school
    {
    margin-bottom: 10px!important;        
    }

.education_card .school_img
    {
    padding: 7px!important;        
    }

.navigation
    {
    margin: 20px 0;
    padding-left: 1.5rem!important;
    border-left: 5px solid yellow;
    display: flex;
    flex-wrap: wrap;
    }

div.progress
    {
    background-color: #212121 !important; 
    height: 6px!important;  
    }

div.progress div.determinate
    {
    background-color: yellow !important;  
    }

.shadow-demo
    {
    width: 100px;
    height: 100px;
    margin: 15px!important;
    /*background-color: yellow;*/
    background-position: center;
    background-size: contain;
    }

.tools_skills
    {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    }