body { 
   font-family: "Arial";
   font-size: 75px;
   margin-top:25%;
   color:white;
   animation: color_change 0.3s infinite alternate;
   -webkit-animation: color_change 0.3s infinite alternate;
}
	

@keyframes color_change {
  0% { transform:  rotate(0deg);  font-size:75px; color: yellow; background-color: #CE3426; }
  25% { transform:  rotate(5deg);  font-size:100px; color: red; background-color: yellow; } 
  50% { transform:  rotate(-5deg); font-size:135px; color: white; background-color: red; }
  75% { transform:  rotate(5deg);  font-size:160px; color: #CE3426; background-color: white; }
  100% { transform:  rotate(-5deg); font-size:200px; color: white; background-color: orange;}
}
@-webkit-keyframes color_change {
  0% { -webkit-transform:  rotate(0deg);  font-size:75px; color: yellow; background-color: #CE3426; }
  25% { -webkit-transform:  rotate(5deg);  font-size:100px; color: red; background-color: yellow; } 
  50% { -webkit-transform:  rotate(-5deg); font-size:135px; color: white; background-color: red; }
  75% { -webkit-transform:  rotate(5deg);  font-size:160px; color: #CE3426; background-color: white; }
  100% { -webkit-transform:  rotate(-5deg); font-size:200px; color: white; background-color: orange;}
}