@keyframes anim{
            0% {color: #3633FF;} /*Azul*/
           25% {color: #f80;} /*Naranja*/
           50% {color: #6F2DE3;} /*Negro*/
           75% {color: #FF3383;} /*Otra vez naranja*/
          100% {color: #2DE351;} /*Otra vez amarillo*/
           }
           .anim {
          animation-name: anim;
          animation-duration: 8s;
          animation-iteration-count: infinite;
           }
           
                       @keyframes luna{
            0% {color: #130f1e;} /*Azul*/
           50% {color: #0e3f5e;} /*Negro*/
          100% {color: #097cad;} /*Otra vez amarillo*/
           }
           .luna {
          animation-name: luna;
          animation-duration: 4s;
          animation-iteration-count: infinite;
           }
           
            @keyframes tarde{
            0% {color: #ff6a68;} /*Azul*/
           50% {color: #ff9254;} /*Negro*/
          100% {color: #ffc261;} /*Otra vez amarillo*/
           }
           .tarde {
          animation-name: tarde;
          animation-duration: 4s;
          animation-iteration-count: infinite;
           }
           
                       @keyframes manana{
            0% {color: #ffff8c;} /*Azul*/
           50% {color: #ffcf3b;} /*Negro*/
          100% {color: #e68000;} /*Otra vez amarillo*/
           }
           .manana {
          animation-name: manana;
          animation-duration: 4s;
          animation-iteration-count: infinite;
           }