body {
	animation-name: backgroundColorPalette;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear; 
	/* linear is enabled default, it’s not necessary to add it make it work but it can make your code more expressive */
}

@keyframes backgroundColorPalette {
	0% {
		background: #ff2400;
	}
	20% {
		background: #e81d1d;
	}
	30% {
		background: #e8b71d;
	}
	40% {
		background: #e3e81d;
	}
	50% {
		background: #1de840;
	}
	60% {
		background: #1ddde8;
	}
	70% {
		background: #2b1de8;
	}
	80% {
		background: #dd00f3;
	}
	90% {
		background: #dd00f3;
	}
	100% {
		background: #7100f3;
	}
}

h1{
	position: absolute;
  	top: 50%;
	left: 50%;
  	transform: translate(-50%,-50%);
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	text-align: center;
}