html{
	background-color: black;
}

*{
	margin: 0;
	padding: 0;
}

body{
	overflow: hidden;
}

header{
	display: none;
}

h1{
	color: white;
	font-size: 2em;
	font-family: ;
}

h2{
	color: white;
	font-size: 3em;
	font-family: ;
	margin-top: 0%;
}

@keyframes rotate360 {
	0%		{ transform: rotate(0deg); }
	100%	{ transform: rotate(360deg); }
}

section{
	width: 6.25vw;
	height: 11.111111111vh;
	float: left;
	/*animation: rotate360 1s infinite;*/
	animation-name: rotate360;
	animation-iteration-count: infinite;
	animation-timing-function: linear ;
	position: center;
}
	.red{
		background-color: red;
		animation-duration: 1s;
	}

	.yellow{
		background-color: yellow;
		animation-duration: 5s;
	}
	
	.green{
		background-color: limegreen;
		animation-duration: 10s;
	}
	.blue{
		background-color: blue;
		animation-duration: 5s;
	}
	
	.magenta{
		background-color: magenta;
		animation-duration: 1s;
	}