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

* {
	margin: 0;
	padding: 0;
}




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

section {
	width: 100vw;
	height: 100vh;
	background-size: 35%;
}



/* --------------------------
---- CSS COLOR CLASSES ------
----------------------------*/

.red {
	background-color: #f00;
}

.orange {
	background-color: #ffa500;
}

.yellow {
	background-color: #ff0;
}

.green {
	background-color: #0f0;
}

.cyan {
	background-color: #0ff;
}

.blue {
	background-color: #00f;
}

.purple {
	background-color: #800080;
}

.magenta {
	background-color: #f0f;
}