/* STYLE DESIGNED BY MITSUMASA MARUHIRA YAY!*/

*{
	margin: 0;
	padding: 0;
}

main#canvas {
	width: 100vw;
	height: 68.5vw;
	color: red;

}

	section {
		width: 16.6666666666667%;
		height: 100%;
		float: left;

}

		article{
			width: 60%;
			height: 80%;
			margin-left: 20%;
			margin-top: 40%;
}

			figure{
				width: 18%;
				height: 98%;
				float: left;
				margin-left: 5.5%;
				margin-top: 4.5%;
}

.cyan{

	background-color: cyan;
}

.yellow {

	background-color: yellow;
}

.red {

	background-color: red;

}


.purple {

	background-color: purple;

}

.black {

	background-color: black;
	
}

.green {

	background-color: green;

}

.blue {

	background-color: blue;
}

.orange{

	background-color: orange;

}

.pink{

	background-color: pink;

}




/* HERE ARE MY PSEUDOCLASSES FOR USER INTERACTION*/

.cyan:hover{

	background-color: gold;
}

.yellow:hover{
	background-color: blue;
}

.red:hover{
	background-color: green;
}


.purple:hover{
	background-color: black;
}

.black:hover{
	background-color: yellow;
}

.green:hover{
	background-color: cyan;
}

.blue:hover{
	background-color: green;
}