*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

    
}

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

/* Changement de couleur de la navbar  (après suppression de la classe de couleur dans le HTML de la navbar */
.navbar {
    background-color : #007C88 !important ;
    
    }

h2,h3{
    font-family: Permanent Marker;
    text-align: center;
    
}  
body{
    
    background-repeat: no-repeat; /* manque image */
    background-color: #F4F4F4;
    max-width: 100%;
    text-align: center !important;  
    
       font-family: Permanent Marker;
        text-align: center   
}
header{
     padding: 0px;
     
}

#jaune{

    background-color: #FFD300;
    height:  10px;
    margin: 0%;
}
#block{
    background-color: #1D19AC;
    height: 70px;
    font-family: 'Patua One', cursive !important;
    font-size: 40px;
    
}
#rouge{
    background-color: #E21B4D;
    height: 10px;
    


}

.progress-bar1 {
    background-color: #aaff00;

    
     
}

footer {
    margin-bottom: 0;
}


.progress-bar2 {
    background-color: #00ff00;
     
}

.progress-bar3 {
    background-color: #00ffa9;
}

.progress-bar4 {
    background-color:  #00a9ff;
}

.progress-bar5 {
    background-color: #00a9ff;
}
.progress-bar6 {
    background-color: #00a9ff;
}


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

    .moi {
        width: 100%;
  }  
  }