* {
	margin:0; 
	padding: 0;
}

header#canvas {
	width: 80.1vw;
	height: 100vw;
	background-color: white;
}

section {
	width: 2.94117647%;
	height: 100%;
	float: left;
}

/* CSS NAMED COLOR CLASSES */

.purple {
	background-color: #9882a9;

}
		.purple:hover {
			background-color: #95bed4;
		}

.pink {
	background-color: #cb6e9a;

}

		.pink:hover {
			background-color: #f2af09;
		}

.yellow {
	background-color: #ead254;

}

		.yellow:hover {
			background-color: #e7702e;
		}

.green {
	background-color: #33a975;

}

		.green:hover {
			background-color: #a5b539;
		}

.cyan {
	background-color: #69babe;

}

		.cyan:hover {
			background-color: #aac447;
		}

.orange {
	background-color: #eb823e;

}

		.orange:hover {
			background-color: #69babe;
		}

.limegreen {
	background-color: #aac447;

}

		.limegreen:hover {
			background-color: #69babe;
		}

.darkgreen {
	background-color: #a5b539;
}

		.darkgreen:hover {
			background-color: #f2af09;
		}

.darkorange {
	background-color: #e7702e;

}

		.darkorange:hover {
			background-color: #95bed4;
		}

.orangeyellow {
	background-color: #f2af09;
}

		.orangeyellow:hover {
			background-color: #f2af09;
		}

.babyblue {
	background-color: #95bed4;
}

		.babyblue:hover {
			background-color: #69babe;
		}