* {
	margin: 0;
	padding: 0;
}

body {
	background-color: whitesmoke;
	overflow: hidden;
}

header {
	display: none;
}

section {
	animation-name: color-change;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	overflow: hidden;
	margin-top: -40%;
	width: 200vw;
	height: 350vh;
}

@keyframes zig-zags-1 {
	0%		{transform: skew(-5deg, -5deg);}
	10%		{transform: skew(-15deg, -15deg);}
	30%		{transform: skew(25deg, 25deg);}
	50%		{transform: skew(-10deg, -10deg);}
	70%		{transform: skew(20deg, 20deg);}
	80%		{transform: skew(-5deg, -5deg);}
	90%		{transform: skew(15deg, 15deg);}
	100%	{transform: skew(-5deg, -5deg);}
}

@keyframes color-change {
	0% 		{background-color: red;}
 	25%  	{background-color: yellow;}
 	50% 	{background-color: blue;}
 	75% 	{background-color: green;}
 	100%	{background-color: red;}
}

#zig-zags {
	margin-top: 20%;
	margin-left: -40%;
	animation-name: zig-zags-1;
	animation-duration: 15s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}