body {
   animation: colorchange 7s linear 1s infinite;
  -webkit-animation: colorchange 7s linear 1s infinite alternate;
  text-align: center;
}

@keyframes colorchange
{
  0%   {background: #001c3d; color: #f0f8ff;}
  33%  {background: #002147; color: #ace5ee;}
  66%  {background: #003153; color: #bcd4e6;}
  100% {background: #1c2841; color: #c4d8e2;}
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
   0%   {background: #001c3d; color: #f0f8ff;}
  33%  {background: #002147; color: #ace5ee;}
  66%  {background: #003153; color: #bcd4e6;}
  100% {background: #1c2841; color: #c4d8e2;}
}
section {
  width: 33vw;
  margin: 0 auto;
}
#message {
  text-align: center;
  color: inherit;
  opacity: 75%;
  mix-blend-mode: difference;
  font-family: Cooper Black, Helvetica, Arial;
}
h1 {
  font-family: verdana;
}
a {
  font-family: verdana;
  size: 30em;
  color: white;
}