/*
animation-duration : Spécifie la durée de l'animation (ex. 4s).

animation-delay : Définit un délai avant le début de l'animation (ex. 2s ou -2s pour commencer en avance).

animation-iteration-count : Indique le nombre de répétitions de l'animation (ex. infinite pour une répétition infinie).

animation-direction : Contrôle la direction de l'animation (normal, reverse, alternate, alternate-reverse).
*/

.m {
  
color:rgb(174,210,1);
animation-name: coulM;
animation-duration: 4s;
}
.a {  
color: rgb(174,210,1);
animation-name: coula;
animation-duration: 4s;
animation-delay:0.5s;
}
.r {  
color: rgb(174,210,1);
animation-name: coulr;
animation-duration: 4s;
animation-delay:1s;
}
.c {  
color: rgb(174,210,1);
animation-name: coulc;
animation-duration: 4s;
animation-delay:1.5s;
}
.e {  
color: rgb(174,210,1);
animation-name: coule;
animation-duration: 4s;
animation-delay:2s;
}
.l {  
color: rgb(174,210,1);
animation-name: coull;
animation-duration: 4s;
animation-delay:3s;
}.i {  
color: rgb(174,210,1);
animation-name: couli;
animation-duration: 4s;
animation-delay:3.5s;
}
.n {  
color: rgb(174,210,1);
animation-name: couln;
animation-duration: 4s;
animation-delay:3.5s;
}

.ne {  
color: rgb(174,210,1);
animation-name: coulne;
animation-duration: 4s;
animation-delay:3.5s;
}


@keyframes coulM {
0% { color: rgb(174,210,1); }
20%{color: rgba(252, 196, 25,0.8);}
40%{color: rgba(252, 196, 25,0.5);}
60%{color: rgba(252, 196, 25,0.2);}
80%{color: rgba(252, 196, 25,0.5);}
90%{color: rgba(252, 196, 25,0.8);}
100% { color: rgb(174,210,1); }
}
@keyframes coula {
0% { color: rgb(174,210,1); }
20%{color: rgba(252, 196, 25,0.8);}
40%{color: rgba(252, 196, 25,0.5);}
60%{color: rgba(252, 196, 25,0.2);}
80%{color: rgba(252, 196, 25,0.5);}
90%{color: rgba(252, 196, 25,0.8);}
100% { color: rgb(174,210,1); }
}
@keyframes coulr {
0% { color: rgb(174,210,1); }
20%{color: rgba(252, 196, 25,0.8);}
40%{color: rgba(252, 196, 25,0.5);}
60%{color: rgba(252, 196, 25,0.2);}
80%{color: rgba(252, 196, 25,0.5);}
90%{color: rgba(252, 196, 25,0.8);}
100% { color: rgb(174,210,1); }
}
@keyframes coulc {
0% { color: rgb(174,210,1); }
20%{color: rgba(252, 196, 25,0.8);}
40%{color: rgba(252, 196, 25,0.5);}
60%{color: rgba(252, 196, 25,0.2);}
80%{color: rgba(252, 196, 25,0.5);}
90%{color: rgba(252, 196, 25,0.8);}
100% { color: rgb(174,210,1); }
}
@keyframes coule {
0% { color: rgb(174,210,1); }
20%{color: rgba(252, 196, 25,0.8);}
40%{color: rgba(252, 196, 25,0.5);}
60%{color: rgba(252, 196, 25,0.2);}
80%{color: rgba(252, 196, 25,0.5);}
90%{color: rgba(252, 196, 25,0.8);}
100% { color: rgb(174,210,1); }
}
@keyframes coull {
0% { color: rgb(174,210,1); }
20%{color: rgba(252, 196, 25,0.8);}
40%{color: rgba(252, 196, 25,0.5);}
60%{color: rgba(252, 196, 25,0.2);}
80%{color: rgba(252, 196, 25,0.5);}
90%{color: rgba(252, 196, 25,0.8);}
100% { color:rgb(174,210,1); }
}
@keyframes couli {
0% { color: rgb(174,210,1); }
20%{color: rgba(252, 196, 25,0.8);}
40%{color: rgba(252, 196, 25,0.5);}
60%{color: rgba(252, 196, 25,0.2);}
80%{color: rgba(252, 196, 25,0.5);}
90%{color: rgba(252, 196, 25,0.8);}
100% {  color:rgb(174,210,1); }
}
@keyframes couln {
0% { color: rgb(174,210,1); }
20%{color: rgba(252, 196, 25,0.8);}
40%{color: rgba(252, 196, 25,0.5);}
60%{color: rgba(252, 196, 25,0.2);}
80%{color: rgba(252, 196, 25,0.5);}
90%{color: rgba(252, 196, 25,0.8);}
100% { color: rgb(174,210,1); }
}

@keyframes coulne {
0% { color: rgb(174,210,1); }
20%{color: rgba(252, 196, 25,0.8);}
40%{color: rgba(252, 196, 25,0.5);}
60%{color: rgba(252, 196, 25,0.2);}
80%{color: rgba(252, 196, 25,0.5);}
90%{color: rgba(252, 196, 25,0.8);}
100% { color: rgb(174,210,1); }
}