/*CSS RESET */
* {
	padding: 0;
	margin: 0;

}

main {
	width: 68vw;
	height: 45.8vw;
	background-color: black;
	margin: auto;
	margin-top: 3vw; 
}	

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

article {
	width: 60%;
	height: 80%;
	margin: auto;
	margin-left: 19.5%;
	margin-top: 42%;
	float: left;
}

figure {
	width: 16.9%;
	height: 98%;
	margin: auto;
	margin-left: 6.1%;
	margin-top: 5%;
	float: left;
}

.yellow {
	background-color: #F0EC37;
}
	.yellow:hover {
		background-color: #F04F58;
	}

.black {
	background-color: #292E2C;
}

	.black:hover {
		background-color: #51BA5A;
	}

.red {
	background-color: #F04F58;
}
	.red:hover {
		background-color: #F0EC37;
	}
.green {
	background-color: #51BA5A;
}

	.green:hover {
		background-color: #292E2C;
	}
.purple {
	background-color: #864285;
}

	.purple:hover {
		background-color: #ABCBEC;
	}
	

.cyan {
	background-color: #ABCBEC;
}
	.cyan:hover {
		background-color: #864285;
	}
.blue {
	background-color: #374B9D;
}
	
	.blue:hover {
		background-color: #1F4DAB;
	}
.orange {
	background-color: #F9A02C;
}
	.orange:hover {
		background-color: #FCE8F1;
	}

.white {
	background-color: #FCE8F1;
}
	.white:hover {
		background-color: #F9A02C;
	}
.deepblue {
	background-color: #1F4DAB;
}

	.deepblue:hover {
		background-color: #864285;
	}