.card {
  width:250px;
  height:175px;
  transition:width 3s, height 2s;
  background-color:#FF0000;
  animation-name: colorchangingtext;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.banner {
  background-color:#FFA500;
  width:100%;
  height:50px;
  animation-name:bannercolorchange;
  animation-duration: 0.25s;
  animation-iteration-count: infinite;
}
  
.card:hover {
  width: 150px;
  height: 125px;
  background-color:#0000FF;
}
.answer {
  color:#FF0000
}
@keyframes bannercolorchange {
      0%   {background: red;}
      15%  {background: yellow;}
      30%  {background: green;}
      45% {background: blue;}
      60% {background: green;}
      75% {background: yellow;}
      100% {background: red;}
    }
  
@keyframes colorchangingtext {
  from { color: #FF0000; }
  to { color: #FFD700; }
  }