body{


    background-color: #89C766;


}
.titre {

    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 64px;
    text-align: center;
    margin: auto;
    background-color: #89C766;
    padding-bottom: 2%;
    color:#FDF389;
    
}

.container-1 {

display: flex;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 36px;
justify-content: space-between;
margin: auto;
background-color: #FDF389 ;

}

.container-2 {

    display: flex;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 36px;
    justify-content: space-between;
    margin: auto;
    background-color:#89C766 ;
    }


.container-3 {

        display: flex;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        font-size: 36px;
        justify-content: space-between;
        margin: auto;
        background-color: #FDF389 ;
    }


.text-1 {

    margin-left: 14.5%;
    background-color:#FDF389;
    color: #89C766 ;

}

.text-2 {

    margin-left: 4.8%;
    background-color:#89C766;
    color: #FDF389 ;


}

.text-3 {

    margin-left: 2.5%;

    background-color:#FDF389;
    color: #89C766 ;

}

.titre-3 {

    
    background-color: #FDF389;
    color: #89C766;
}

.titre-2 {

    color: #FDF389; 
    
    

}

.titre-1 {

    
    background-color: #FDF389;
    color:  #89C766;
}



.text-1 a {
    text-decoration: none;
    color:white;

}

.text-3 a {
    text-decoration: none;
    color:white;

}

.text-2 a {
    text-decoration: none;
    color:white;

}

a:hover{

    color:white;



}