* {
	margin: 0;
	padding: 0;
}

body{

	background-color: white;
	font-family: Futura;
}
main{
	width:81.4vw;
	height:90.4vh;
	background-color: gray;
	margin-top: 4.85vh;
	margin-left:8.72vw;
}
section{
	width:16.6667%;
	height:100%;
	background-color: yellow;
	float: left;
}
article{
	width:60%;
	height:80%;
	margin-top: 41%;
	margin-left: 20%;
}
figure{
	width:16.4%;
	height:97.5%;
	margin-top:5.3%;
	margin-left: 6.8%;
	float: left;
}
	.yellow{
		background-color: rgb(255,255,70);
	}
		.yellow:hover{
			background-color: rgb(145,80,139);/*cyan*/
		}
	.black{
		background-color: rgb(50,51,50);
	}
		.black:hover{
			background-color: rgb(237,221,242);/*offwhite*/
		}
	.red{
		background-color: rgb(250,92,92);
	}
		.red:hover{
			background-color: rgb(74,167,162);/*bluegreen*/
		}
	.green{
		background-color: rgb(102,230,107);
	}
		.green:hover{
			background-color: rgb(145,122,203);/*lightpurple*/
		}
	.purple{
		background-color: rgb(145,80,139);
	}
		.purple:hover{
			background-color: rgb(255,255,70);/*yellow*/
		}
	.cyan{
		background-color: rgb(178,200,250);
	}
		.cyan:hover{
			background-color: rgb(240,155,70);/*orange*/
		}
	.bluegreen{
		background-color: rgb(74,167,162);
	}
		.bluegreen:hover{
			background-color: rgb(102,230,107); /*green*/
		}
	.lightpurple{
		background-color: rgb(145,122,203);
	}
		.lightpurple:hover{
			background-color: rgb(145,80,139);/*cyan*/
		}
	.blue{
		background-color: rgb(30,57,154);
	}
		.blue:hover{
			background-color: rgb(50,51,50);/*black*/
		}
	.orange{
		background-color: rgb(240,155,70);
	}
		.orange:hover{
			background-color: rgb(250,104,129);/*pinks*/
		}
	.pink{
		background-color: rgb(250,104,129);
	}
		.pink:hover{
			background-color: rgb(30,57,154);/*blue*/
		}
	.offwhite{
		background-color: rgb(237,221,242);
	}
		.offwhite:hover{
			background-color: rgb(250,92,92);/*red*/
		}

figcaption{
	margin-left:8.72vw;
	padding-top:5px;
}

	a:hover{
  	color:pink;
  	background-color:black;
	}