/* The animation code */
@keyframes example {
0% {background-color:#580009; color:#CFA547; left:20px; top:10px;}
50% {background-color:#00F1BA; color:#252525; left:20px; top:10px;}
100% {background-color:#580009; color:#CFA547; left:20px; top:10px;}
}
/* The element to apply the animation to */
.ageofchange {
margin-top: 10px;
width: 100%;
height: 100px;
animation-name: example;
font-size: 16pt;
text-align: center;
padding: 500px;
animation-duration: 4s;
animation-iteration-count: infinite;
}