    <style type="text/css">
    /*<![CDATA[*/
			/*@-webkit-keyframes on {
				0% {
					background:red;
					
				}
				17% {
					background:orange;

				}
				33% {
					background:yellow;
				}
				50% {
					background:green;
				}
				67% {
					background:blue;
				}
				83% {
					background:purple;
				}
				100% {
					background:red;
					
				}
			} */

			@-webkit-keyframes off {
				0% {
					background:yellow;
				}
				20% {
					background:blue;
				}
				40% {
					background:green;
				}
				60% {
					background:red;
				}
				80% {
					background:purple;
				}
				100% {
					background:orange;
				}
			}
			
			#container {
				background:-webkit-linear-gradient(240deg, red, orange, yellow, green, blue, purple, red);
				position:fixed;
				top:0px;
				right:0px;
				bottom:0px;
				left:0px;
				text-align:center;
        -webkit-mask: url(https://een-hoop-zooi-siryusuk.c9users.io/echte_zooi/-_-/Knipsel.png) no-repeat no-repeat;
  margin: 0 auto;
			}

			#container table {
				display:inline-block;
				margin-top:10%;
			}

			td {
				width:10px;
				height:10px;
			}

			.on {
				-webkit-animation:on 122s infinite ease-out;
			}
		/*]]>*/
		</style>