body {
	background-color: orange;
}
main {
	background-color: #d4d4d4;
	width: 47vw;
	height: 56.2vw;
	margin: auto;
	margin-top: 1.5vw;
}
	section {
		background-color: whitesmoke;
		width: 91.7%;
		height: 88%;
		margin: auto;
		float: left;
		margin-top: 22px;
		margin-left: 4.2%;
	}
		article {
			width: .935%;
			height: 100%;
			float: left;
		}
.offwhite {
	background-color: #d4d4d4;
}
	.offwhite:hover {
		background-color: #7fa9fd;
	}
.blue {
	background-color: #7a89b2;
}
	.blue:hover {
		background-color: #59b096;
	}
.aqua {
	background-color: #5a91a5
}
	.aqua:hover {
		background-color: #6859b0;
	}
.gold {
	background-color: #c2914c;
}
	.gold:hover {
		background-color: #3f1c58;
	}
.orange {
	background-color: #bd755d;
}
	.orange:hover {
		background-color: #dd8a9d;
	}
.white {
	background-color: #d5d0ca;
}
	.white:hover {
		background-color: #fddf8f;
	}
.black {
	background-color: #323234;
}
	.black:hover {
		background-color: #641137;
	}