body {
      animation: colorchange 2400s; /* animation-name followed by duration in seconds*/
         /* you could also use milliseconds (ms) or something like 2.5s */
      -webkit-animation: colorchange 2400s; /* Chrome and Safari */
    }

    @keyframes colorchange
    {
      0.72%  {background: #077f75;}
      1.44%  {background: #7f074b;}
      2.16%  {background: #00FFFF;}
      2.88%  {background: #7FFFD4;}
      3.59%  {background: #09581a;}
      4.31%  {background: #1b064f;}
      5.03%  {background: #c2b30b;}
      5.75%  {background: #000000;}
      6.47%  {background: #c2180b;}
      7.19%  {background: #0000FF;}
      7.91%  {background: #8A2BE2;}
      8.63%  {background: #A52A2A;}
      9.35%  {background: #0b0b65;}
      10.07% {background: #5F9EA0;}
      10.79% {background: #7FFF00;}
      11.51% {background: #D2691E;}
      12.23% {background: #fd0000;}
      12.94% {background: #6495ED;}
      13.66% {background: #41438e;}
      14.38% {background: #DC143C;}
      15.10% {background: #00FFFF;}
      15.82% {background: #00008B;}
      16.54% {background: #008B8B;}
      17.26% {background: #B8860B;}
      17.98% {background: #A9A9A9;}
      18.7%  {background: #006400;}
      19.42% {background: #BDB76B;}
      20.14% {background: #8B008B;}
      20.86% {background: #556B2F;}
      21.58% {background: #FF8C00;}
      22.3%  {background: #9932CC;}
      23.02% {background: #8B0000;}
      23.74% {background: #E9967A;}
      24.46% {background: #8FBC8F;}
      25.18% {background: #483D8B;}
      25.9%  {background: #2F4F4F;}
      26.61% {background: #00CED1;}
      27.34% {background: #9400D3;}
      28.05% {background: #FF1493;}
      28.77% {background: #00BFFF;}
      29.49% {background: #696969;}
      30.21% {background: #1E90FF;}
      30.93% {background: #B22222;}
      31.65% {background: #FFFAF0;}
      32.37% {background: #228B22;}
      33.09% {background: #FF00FF;}
      33.81% {background: #DCDCDC;}
      34.53% {background: #F8F8FF;}
      35.25% {background: #FFD700;}
      35.97% {background: #DAA520;}
      36.69% {background: #808080;}
      37.41% {background: #008000;}
      38.12% {background: #ADFF2F;}
      38.84% {background: #F0FFF0;}
      39.57% {background: #FF69B4;}
      40.28% {background: #CD5C5C;}
      41%    {background: #4B0082;}
      41.72% {background: #FFFFF0;}
      42.44% {background: #F0E68C;}
      43.16% {background: #E6E6FA;}
      43.88% {background: #FFF0F5;}
      44.6%  {background: #7CFC00;}
      45.32% {background: #FFFACD;}
      46.04% {background: #ADD8E6;}
      46.76% {background: #F08080;}
      47.48% {background: #E0FFFF;}
      48.2%  {background: #FAFAD2;}
      49.92% {background: #90EE90;}
      49.64% {background: #D3D3D3;}
      50.35% {background: #FFB6C1;}
      51.07% {background: #FFA07A;}
      51.79% {background: #20B2AA;}
      52.51% {background: #87CEFA;}
      53.23% {background: #778899;}
      53.95% {background: #B0C4DE;}
      50.67% {background: #FFFFE0;}
      55.39% {background: #00FF00;}
      56.11% {background: #32CD32;}
      56.83% {background: #FAF0E6;}
      57.55% {background: #FF00FF;}
      58.27% {background: #800000;}
      58.99% {background: #66CDAA;}
      59.71% {background: #0000CD;}
      60.43% {background: #BA55D3;}
      61.15% {background: #9370DB;}
      61.87% {background: #3CB371;}
      62.59% {background: #7B68EE;}
      63.30% {background: #00FA9A;}
      64.02% {background: #48D1CC;}
      64.74% {background: #C71585;}
      65.46% {background: #191970;}
      66.18% {background: #F5FFFA;}
      66.9%  {background: #FFE4E1;}
      67.62% {background: #FFE4B5;}
      68.34% {background: #FFDEAD;}
      69.06% {background: #000080;}
      69.78% {background: #FDF5E6;}
      70.50% {background: #808000;}
      71.22% {background: #6B8E23;}
      71.94% {background: #FFA500;}
      72.66% {background: #FF4500;}
      73.38% {background: #DA70D6;}
      74.1%  {background: #EEE8AA;}
      74.82% {background: #98FB98;}
      75.54% {background: #AFEEEE;}
      76.25% {background: #DB7093;}
      76.97% {background: #FFEFD5;}
      77.7%  {background: #FFDAB9;}
      78.41% {background: #CD853F;}
      79.13% {background: #FFC0CB;}
      79.85% {background: #DDA0DD;}
      80.57% {background: #B0E0E6;}
      81.29% {background: #800080;}
      82.01% {background: #FF0000;}
      82.73% {background: #BC8F8F;}
      83.45% {background: #4169E1;}
      84.17% {background: #8B4513;}
      84.89% {background: #FA8072;}
      85.61% {background: #F4A460;}
      86.33% {background: #2E8B57;}
      87.05% {background: #FFF5EE;}
      87.76% {background: #A0522D;}
      88.48% {background: #C0C0C0;}
      89.2%  {background: #87CEEB;}
      89.92% {background: #6A5ACD;}
      90.64% {background: #708090;}
      91.36% {background: #FFFAFA;}
      92.08% {background: #00FF7F;}
      92.8%  {background: #4682B4;}
      93.52% {background: #D2B48C;}
      94.24% {background: #008080;}
      94.96% {background: #D8BFD8;}
      95.68% {background: #FF6347;}
      96.4%  {background: #40E0D0;}
      97.12% {background: #EE82EE;}
      97.84% {background: #F5DEB3;}
      98.56% {background: #FFFFFF;}
      99.28% {background: #F5F5F5;}
      100%   {background: #FFFF00;}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0.72%  {background: #077f75;}
      1.44%  {background: #7f074b;}
      2.16%  {background: #00FFFF;}
      2.88%  {background: #7FFFD4;}
      3.59%  {background: #09581a;}
      4.31%  {background: #1b064f;}
      5.03%  {background: #c2b30b;}
      5.75%  {background: #000000;}
      6.47%  {background: #c2180b;}
      7.19%  {background: #0000FF;}
      7.91%  {background: #8A2BE2;}
      8.63%  {background: #A52A2A;}
      9.35%  {background: #0b0b65;}
      10.07% {background: #5F9EA0;}
      10.79% {background: #7FFF00;}
      11.51% {background: #D2691E;}
      12.23% {background: #fd0000;}
      12.94% {background: #6495ED;}
      13.66% {background: #41438e;}
      14.38% {background: #DC143C;}
      15.10% {background: #00FFFF;}
      15.82% {background: #00008B;}
      16.54% {background: #008B8B;}
      17.26% {background: #B8860B;}
      17.98% {background: #A9A9A9;}
      18.7%  {background: #006400;}
      19.42% {background: #BDB76B;}
      20.14% {background: #8B008B;}
      20.86% {background: #556B2F;}
      21.58% {background: #FF8C00;}
      22.3%  {background: #9932CC;}
      23.02% {background: #8B0000;}
      23.74% {background: #E9967A;}
      24.46% {background: #8FBC8F;}
      25.18% {background: #483D8B;}
      25.9%  {background: #2F4F4F;}
      26.61% {background: #00CED1;}
      27.34% {background: #9400D3;}
      28.05% {background: #FF1493;}
      28.77% {background: #00BFFF;}
      29.49% {background: #696969;}
      30.21% {background: #1E90FF;}
      30.93% {background: #B22222;}
      31.65% {background: #FFFAF0;}
      32.37% {background: #228B22;}
      33.09% {background: #FF00FF;}
      33.81% {background: #DCDCDC;}
      34.53% {background: #F8F8FF;}
      35.25% {background: #FFD700;}
      35.97% {background: #DAA520;}
      36.69% {background: #808080;}
      37.41% {background: #008000;}
      38.12% {background: #ADFF2F;}
      38.84% {background: #F0FFF0;}
      39.57% {background: #FF69B4;}
      40.28% {background: #CD5C5C;}
      41%    {background: #4B0082;}
      41.72% {background: #FFFFF0;}
      42.44% {background: #F0E68C;}
      43.16% {background: #E6E6FA;}
      43.88% {background: #FFF0F5;}
      44.6%  {background: #7CFC00;}
      45.32% {background: #FFFACD;}
      46.04% {background: #ADD8E6;}
      46.76% {background: #F08080;}
      47.48% {background: #E0FFFF;}
      48.2%  {background: #FAFAD2;}
      49.92% {background: #90EE90;}
      49.64% {background: #D3D3D3;}
      50.35% {background: #FFB6C1;}
      51.07% {background: #FFA07A;}
      51.79% {background: #20B2AA;}
      52.51% {background: #87CEFA;}
      53.23% {background: #778899;}
      53.95% {background: #B0C4DE;}
      50.67% {background: #FFFFE0;}
      55.39% {background: #00FF00;}
      56.11% {background: #32CD32;}
      56.83% {background: #FAF0E6;}
      57.55% {background: #FF00FF;}
      58.27% {background: #800000;}
      58.99% {background: #66CDAA;}
      59.71% {background: #0000CD;}
      60.43% {background: #BA55D3;}
      61.15% {background: #9370DB;}
      61.87% {background: #3CB371;}
      62.59% {background: #7B68EE;}
      63.30% {background: #00FA9A;}
      64.02% {background: #48D1CC;}
      64.74% {background: #C71585;}
      65.46% {background: #191970;}
      66.18% {background: #F5FFFA;}
      66.9%  {background: #FFE4E1;}
      67.62% {background: #FFE4B5;}
      68.34% {background: #FFDEAD;}
      69.06% {background: #000080;}
      69.78% {background: #FDF5E6;}
      70.50% {background: #808000;}
      71.22% {background: #6B8E23;}
      71.94% {background: #FFA500;}
      72.66% {background: #FF4500;}
      73.38% {background: #DA70D6;}
      74.1%  {background: #EEE8AA;}
      74.82% {background: #98FB98;}
      75.54% {background: #AFEEEE;}
      76.25% {background: #DB7093;}
      76.97% {background: #FFEFD5;}
      77.7%  {background: #FFDAB9;}
      78.41% {background: #CD853F;}
      79.13% {background: #FFC0CB;}
      79.85% {background: #DDA0DD;}
      80.57% {background: #B0E0E6;}
      81.29% {background: #800080;}
      82.01% {background: #FF0000;}
      82.73% {background: #BC8F8F;}
      83.45% {background: #4169E1;}
      84.17% {background: #8B4513;}
      84.89% {background: #FA8072;}
      85.61% {background: #F4A460;}
      86.33% {background: #2E8B57;}
      87.05% {background: #FFF5EE;}
      87.76% {background: #A0522D;}
      88.48% {background: #C0C0C0;}
      89.2%  {background: #87CEEB;}
      89.92% {background: #6A5ACD;}
      90.64% {background: #708090;}
      91.36% {background: #FFFAFA;}
      92.08% {background: #00FF7F;}
      92.8%  {background: #4682B4;}
      93.52% {background: #D2B48C;}
      94.24% {background: #008080;}
      94.96% {background: #D8BFD8;}
      95.68% {background: #FF6347;}
      96.4%  {background: #40E0D0;}
      97.12% {background: #EE82EE;}
      97.84% {background: #F5DEB3;}
      98.56% {background: #FFFFFF;}
      99.28% {background: #F5F5F5;}
      100%   {background: #FFFF00;}
    }