body {
	background-color: lightcyan;
}
main {
	width: 62.5vw;
	height: 41.8vw;
	background-color: paleturquoise;
	margin: auto;
	margin-top: 1.2vw;
}

	section {
		width: 16.6666666%;
		height: 100%;
		float: left;
	}
		article{
			width: 60%;
			height: 80%;
			margin: auto;
			margin-top: 40.7%;
		}
			figure{
				width: 17%;
				height: 97.5%;
				margin: auto;
				float: left;
				margin-top: 5.9%;
				margin-right: 9.8;
				margin-left: 6.5%;
			}

.yellow {
	background-color: #f9fe56;
}
	.yellow:hover {
		background-color: lightpink;
	}
.black {
	background-color: #272825;
}
	.black:hover {
		background-color: seagreen;
	}
.red {
	background-color: #ff545b;
}
	.red:hover{
		background-color: blueviolet;
	}
.green {
	background-color: #25da66;
}
	.green:hover{
		background-color: coral;
	}
.purple {
	background-color: #85437d;
}
	.purple:hover{
		background-color: mediumvioletred;
	}
.cyan {
	background-color: #b0d2f7;
}
	.cyan:hover{
		background-color: greenyellow;
	}
.orange {
	background-color: #ffa13b;
}
	.orange:hover{
		background-color: honeydew;
	}
.blue {
	background-color: #0040a3;
}
	.blue:hover{
		background-color: darkgray;
	}

.lightpurple {
	background-color: #9578c6;
}
	.lightpurple:hover{
		background-color: darkmagenta;
	}
.teal {
	background-color: #00a689;
}
	.teal:hover{
		background-color: lightgoldenrodyellow;
	}
.lightpink {
	background-color: #ffe9f3;
}
	.lightpink:hover{
		background-color: darkorchid;
	}
.magenta {
	background-color: #ff6284;
}
	.magenta:hover{
		background-color: royalblue;
	}