main {
	width: 60vw;
	height: 40vw;
	margin: auto;
	margin-top: 5pw;
	background-color:red;
}
section {
	width: 16.666%;
	height: 100%;
	float: left;
}
article{
	width: 60%;
	height: 80%;
	margin: auto;
	margin-top:40%;
}

	.yellow{
		background-color: #fbff36;

	
}
	.yellow:hover {
		background-color:#2c2c2a;
	}

	.black{
		background-color: #2c2c2a;
}
	.black:hover {
		background-color: #ff5657;
	}

	.red{
		background-color: #ff5657;
}
	.red:hover {
		background-color: #28e15f;
	}
	.green{
		background-color: #28e15f;
}
	.green{
		background-color: ##874283;
	}
	.purple{
		background-color: #874283;
} 
	.purple{
		background-color: #b7d8ff;
	}

	.cyan{
		background-color: #b7d8ff;

} 
	.cyan:hover {
		background-color: #07a9a6;
	}

	.turquoise{
		background-color: #07a9a6;
}

	.lilac{
		background-color: #a684da;
}

	.sun{
		background-color: #fffd41;
}
	.darkblue{
		background-color: #2050a5;

}
	.orange{
		background-color: #ff9d14;
}
	.pink{
		background-color: #ff3d5c;
}