h3{
    -webkit-animation: color-change 20s infinite;
    -moz-animation: color-change 20s infinite;
    -o-animation: color-change 20s infinite;
    -ms-animation: color-change 20s infinite;
    animation: color-change 20s infinite;
}

@-webkit-keyframes color-change {
    0% {
    color: #5cbad6;
  }
  5% {
    color: #b85cd6;
  }
  10% {
    color: #ccd65c;
  }
  15% {
    color: #bcd65c;
  }
  20% {
    color: #5c87d6;
  }
  25% {
    color: #5cd687;
  }
  30% {
    color: #d65cab;
  }
  35% {
    color: #5cafd6;
  }
  40% {
    color: #d65cd0;
  }
  45% {
    color: #5e5cd6;
  }
  50% {
    color: #83d65c;
  }
  55% {
    color: #d6725c;
  }
  60% {
    color: #7ed65c;
  }
  65% {
    color: #5c9dd6;
  }
  70% {
    color: #d65c8d;
  }
  75% {
    color: #5cd6b8;
  }
  80% {
    color: #5cc2d6;
  }
  85% {
    color: #5cd69b;
  }
  90% {
    color: #d6ba5c;
  }
  95% {
    color: #d45cd6;
  }
  100% {
    color: #c6d65c;
  }
}
@-moz-keyframes color-change {
    0% {
    color: #5cbad6;
  }
  5% {
    color: #b85cd6;
  }
  10% {
    color: #ccd65c;
  }
  15% {
    color: #bcd65c;
  }
  20% {
    color: #5c87d6;
  }
  25% {
    color: #5cd687;
  }
  30% {
    color: #d65cab;
  }
  35% {
    color: #5cafd6;
  }
  40% {
    color: #d65cd0;
  }
  45% {
    color: #5e5cd6;
  }
  50% {
    color: #83d65c;
  }
  55% {
    color: #d6725c;
  }
  60% {
    color: #7ed65c;
  }
  65% {
    color: #5c9dd6;
  }
  70% {
    color: #d65c8d;
  }
  75% {
    color: #5cd6b8;
  }
  80% {
    color: #5cc2d6;
  }
  85% {
    color: #5cd69b;
  }
  90% {
    color: #d6ba5c;
  }
  95% {
    color: #d45cd6;
  }
  100% {
    color: #c6d65c;
  }
}
@-ms-keyframes color-change {
    0% {
    color: #5cbad6;
  }
  5% {
    color: #b85cd6;
  }
  10% {
    color: #ccd65c;
  }
  15% {
    color: #bcd65c;
  }
  20% {
    color: #5c87d6;
  }
  25% {
    color: #5cd687;
  }
  30% {
    color: #d65cab;
  }
  35% {
    color: #5cafd6;
  }
  40% {
    color: #d65cd0;
  }
  45% {
    color: #5e5cd6;
  }
  50% {
    color: #83d65c;
  }
  55% {
    color: #d6725c;
  }
  60% {
    color: #7ed65c;
  }
  65% {
    color: #5c9dd6;
  }
  70% {
    color: #d65c8d;
  }
  75% {
    color: #5cd6b8;
  }
  80% {
    color: #5cc2d6;
  }
  85% {
    color: #5cd69b;
  }
  90% {
    color: #d6ba5c;
  }
  95% {
    color: #d45cd6;
  }
  100% {
    color: #c6d65c;
  }
}
@-o-keyframes color-change {
    0% {
    color: #5cbad6;
  }
  5% {
    color: #b85cd6;
  }
  10% {
    color: #ccd65c;
  }
  15% {
    color: #bcd65c;
  }
  20% {
    color: #5c87d6;
  }
  25% {
    color: #5cd687;
  }
  30% {
    color: #d65cab;
  }
  35% {
    color: #5cafd6;
  }
  40% {
    color: #d65cd0;
  }
  45% {
    color: #5e5cd6;
  }
  50% {
    color: #83d65c;
  }
  55% {
    color: #d6725c;
  }
  60% {
    color: #7ed65c;
  }
  65% {
    color: #5c9dd6;
  }
  70% {
    color: #d65c8d;
  }
  75% {
    color: #5cd6b8;
  }
  80% {
    color: #5cc2d6;
  }
  85% {
    color: #5cd69b;
  }
  90% {
    color: #d6ba5c;
  }
  95% {
    color: #d45cd6;
  }
  100% {
    color: #c6d65c;
  }
}
@keyframes color-change {
   0% {
    color: #5cbad6;
  }
  5% {
    color: #b85cd6;
  }
  10% {
    color: #ccd65c;
  }
  15% {
    color: #bcd65c;
  }
  20% {
    color: #5c87d6;
  }
  25% {
    color: #5cd687;
  }
  30% {
    color: #d65cab;
  }
  35% {
    color: #5cafd6;
  }
  40% {
    color: #d65cd0;
  }
  45% {
    color: #5e5cd6;
  }
  50% {
    color: #83d65c;
  }
  55% {
    color: #d6725c;
  }
  60% {
    color: #7ed65c;
  }
  65% {
    color: #5c9dd6;
  }
  70% {
    color: #d65c8d;
  }
  75% {
    color: #5cd6b8;
  }
  80% {
    color: #5cc2d6;
  }
  85% {
    color: #5cd69b;
  }
  90% {
    color: #d6ba5c;
  }
  95% {
    color: #d45cd6;
  }
  100% {
    color: #c6d65c;
  }
}