@keyframes colorChange {
    0% { background-color: #0777a7; }  /* Azul */
    14% { background-color: #4caf50; }  /* Verde */
    28% { background-color: #8bc34a; }  /* Verde claro */
    70% { background-color: #ff9800; }  /* Laranja */
    100% { background-color: #0777a7; } /* Volta para Azul */
}

.colorido {
    animation: colorChange 10s infinite;
}