*{
	margin:0;
	padding: 0;
}

main{
	height: 97.85vh;
	width: 81.25vw;
	background-color: limegreen;
	margin-top: .93vh;
	margin-left: 8.90vw;
}

body{
	background-color: black;
}

Section{
	width:16.66666666666667%;
	height: 100%;
	background-color: yellow;
	float:left;
}

	.yellow{
		background-color: rgb(248, 238, 98);
	}
		.yellow:hover{
			background-color: black;
		}

	.black{
		background-color: rgb(50, 51, 51);
	}
		.black:hover{
			background-color: white;
		}

	.red{
		background-color: rgb(236, 96, 93);
	}
		.red:hover{
			background-color: black;
		}

	.green{
		background-color: rgb(102, 212, 107);
	}
		.green:hover{
			background-color: white;
		}

	.purple{
		background-color: rgb(133, 78, 138);
	}
		.purple:hover{
			background-color: black;
		}
	.cyan{
		background-color: rgb(193, 220, 252);
	}
		.cyan:hover{
			background-color: white;
		}

article{
	width: 8.25vw;
	height: 79vh;
	margin-top: 40%;
	margin-left: 20%;
	background-color: yellow ;
	padding-right:.5% ;
	float: left;
}
	.aqua{
		background-color: rgb(68, 150, 160);
	}
		.aqua:hover{
			background-color: white;
		}
	.violet{
		background-color:rgb(160, 136, 216) ;
	}
		.violet:hover{
			background-color: black;
		}
	.blue{
		background-color: rgb(28, 64, 163);
	}
		.blue:hover{
			background-color: black;
		}
	.orange{
		background-color:rgb(242, 153, 73) ;
	}
		.orange:hover{
			background-color:white ;
		}

figure{
	width: 1.4vw ;
	height: 77.20vh;
	margin-top: 7%;
	margin-left: 7%; ;
	background-color: black;
	float: left;

}

	.maroon{
		background-color:rgb(232, 108, 135) ;
	}
		.maroon:hover{
			background-color: red;
		}
	.pink{
		background-color: rgb(252, 237, 245) ;
	}
		.pink:hover{
			background-color: brown;
		}