/*---CSS RESET---*/

* {
	margin: 0;
	padding: 0;
}

html,body,main {
	width: 100%;
	height: 100%;
}

/*---HTML5 SEMANTIC TAGS---*/


section {
	width: 12.4vw;
	height: 100vh;
	float: left;
}


/*---COLOR SETTINGS---*/

.red {
	background-color: red;
}

.orange {
	background-color: orange;
}

.yellow {
	background-color: yellow;
}

.green {
	background-color: green;
}

.cyan {
	background-color: cyan;
}

.blue {
	background-color: blue;
}

.purple {
	background-color: purple;
}

.pink {
	background-color: pink;
}

.magenta {
	background-color: magenta;
}