/*CSS RESET */
*{
	padding: 0;
	margin: 0;
}

main{
	width: 41vw;
	height: 49vw;
	background-color: #d2d2d2;
	margin: auto;
	margin-top: 3vw;
}

	section{
		width: 92%;
		height: 90.5%;
		margin: auto;
		margin-top: 5%;
	}

		article{
			width: 0.935%;
			height: 98%;
			margin: auto;
			margin-top: 3%;
			float: left;
		}

	.purple{
		background-color: #748ab3;
	}

		.purple:hover{
			background-color: #5b94a7;
		}

.grey{
	width: 100%;
	height: 3%;
	margin: auto;
	margin-top: -108.3%;
	background-color: #d2d2d2;
}

	.blue{
		background-color: #5b94a7;
	}

		.blue:hover{
			background-color: #c19149;
		}

	.yellow{
		background-color: #c19149;
	}

		.yellow:hover{
			background-color: #b3755e;
		}

	.red{
		background-color: #b3755e;
	}

		.red:hover{
			background-color: #303338;
		}

	.black{
		background-color: #303338;
	}

		.black:hover{
			background-color: #cccdc8;
		}

	.white{
		background-color: #cccdc8;
	}

		.white:hover{
			background-color: #748ab3;
		}