*{
	margin: 0;
	padding: 0;
}


body{
	background-color: black;
}

main {
	height: 97vh;
	width: 85%;
	background-color: green;
	margin-top:2.5vh;
	margin-left: 7.5vw;


}

section{
	width: 16.666666667%;
	height: 100%;
	background-color: yellow;
	float: left;
}

	.yellow{
		background-color: rgb(252,252,97);
	}

	.black{
		background-color: rgb(42,42,42);
	}

	.red{
		background-color: rgb(246,93,94);
	}

	.green{
		background-color: rgb(39,212,84);
	}

	.purple{
		background-color: rgb(135,81,136);
	}

	.cyan{
		background-color: rgb(167,201,246);
	}

article{
	width: 60%;
	height: 80%;
	margin-top:10vh;
	margin-left:3vw;
	
}

	.aqua{
		background-color: rgb(87,179,168);
	}

	.violet{
		background-color: rgb(112,100,161);
	}

	.yellow{
		background-color: rgb(252,252,97);
	}

	.blue{
		background-color: rgb(21,59,149);
	}

	.orange{
		background-color: rgb(242,158,67);
	}

	.red{
		background-color: rgb(232,80,80);
	}


figure{
	width: 15%;
	height: 97%;
	margin-top:7.5%;
	margin-left:8%;
	float: left;
}

	.maroon{
		background-color: rgb(232,113,133);
	}

	.cyan{
		background-color: rgb(167,201,246);
	}

	.orange{
		background-color: rgb(242,158,67);
	}

	.pink{
		background-color: rgb(250,235,237);
	}

	.black{
		background-color: rgb(42,42,42);
	}

	.yellow{
		background-color: rgb(252,252,97);
	}

	.maroon:hover{
		background-color: rgb(100,113,133);
	}

	.cyan:hover{
		background-color: rgb(50,201,246);
	}

	.orange:hover{
		background-color: rgb(242,58,67);
	}

	.pink:hover{
		background-color: rgb(250,35,237);
	}

	.black:hover{
		background-color: rgb(42,100,42);
	}

	.yellow:hover{
		background-color: rgb(252,252,97);
	}