body {
	animation-name: color;
	animation-timing-function: ease-in-out;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}

#error {
	font-family: "Comic Sans MS";
	font-size: 3em;
	position: absolute;
	z-index: 9;
	text-shadow: 3px 3px red;
	-webkit-text-stroke: 1px white;
	-webkit-text-fill-color: black;
	animation-name: text-bounce;
	animation-timing-function: ease-in-out;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}

#bounce {
	margin-top: 100px;
	animation-name: bounce;
	animation-timing-function: ease;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
}

@keyframes bounce {
	0%   { transform: scale(1,1)    translateY(0); }
	10%  { transform: scale(1.1,.9) translateY(0); }
	30%  { transform: scale(.9,1.1) translateY(-100px); }
	60%  { transform: scale(1,1)    translateY(0); }
	100% { transform: scale(1,1)    translateY(0); }
}

@keyframes text-bounce {
	0%   { transform: scale(1,1)    translateY(0); }
	10%  { transform: scale(1.1,.9) translateY(0); }
	30%  { transform: scale(.9,1.1) translateY(-100px); }
	60%  { transform: scale(1,1)    translateY(0); }
	100% { transform: scale(1,1)    translateY(0); }
}

@keyframes color {
	0%		{ background-color: red; }
	10%		{ background-color: orange; }
	20%		{ background-color: yellow; }
	30%		{ background-color: greenyellow; }
	40%		{ background-color: green; }
	50%		{ background-color: teal; }
	60%		{ background-color: rgb(135, 217, 250); }
	70%		{ background-color: rgb(0, 102, 255); }
	80%		{ background-color: rgb(153, 0, 255); }
	90%		{ background-color: rgb(255, 0, 191); }
	100%	{ background-color: rgb(128, 0, 0); }
}

* {
	user-select: none;
	pointer-events: none;
}