body {
      animation: colorchange 2s linear 1s infinite; /* animation-name followed by duration in seconds*/
         /* you could also use milliseconds (ms) or something like 2.5s */
      -webkit-animation: colorchange 0.8s linear 0s infinite alternate; /* Chrome and Safari */

	mix-blend-mode: difference;
	background-size: 400% 400%;
	height: 100vh;

    }

    @keyframes colorchange
    {
      0%   {background: red; color: #ff1fbc;}
      33%  {background: #ff1fbc; color: magenta;}
      66%  {background: blue; color: #ac1cff;}
      100% {background: #ac1cff; color: cyan;}
   }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: red; color: #ff1fbc;}
      33%  {background: green; color: magenta;}
      66%  {background: blue; color: #ac1cff;}
      100% {background: red; color: cyan;}
   }