* {
	margin: 0;
	padding: 0; 

	}

header#canvas {
	width: 75vw;
	height: 52vw;
	margin: 2vw auto 0 auto;

}

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

article {
	width: 60%;
	height: 100%;
	margin-left:20%; 
	margin-top: 20%;
}

figure {
	width: 15%;
	height: 90%;
	float: left ;
	margin-left: 5%;
	margin-top: 5%;
	margin-right: 5%;
}

.red {
	background-color: tomato;
}

.red:hover  {
	background-color: peachpuff;
}

.orange  {
	background-color: orange;
}

.orange:hover  {
	background-color: lightyellow;
}

.yellow {
	background-color: yellow;
}

.yellow:hover {
	background-color: lightpink;
}

.limegreen  {
	background-color: limegreen;
}

.limegreen:hover  {
	background-color: rebeccapurple;
}

.cyan  {
	background-color: lightcyan;
}

.cyan:hover {
	background-color: hotpink;
}

.blue  {
	background-color: lightblue;
}

.blue:hover  {
	background-color: limegreen;
}

.purple  {
	background-color: purple;
}

.purple:hover  {
	background-color: lightgreen;
}


.black  {
	background-color: black;
}

.black:hover {
	background-color: plum;
}