{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

body{
	background-color: black;
}

main#canvas {
	width: 100vw;
	height: 100vw;
	background-color: blue
}

section{
	width:25%;
	height:25%;
	float:left;
}

article{
	width:25%;
	height:25%;
	float:left;
}


	.yellow{
		background-color:yellow;
	}
	.cyan{
		background-color:cyan;
	}
	.red{
		background-color:red;
	}
	.blue{
		background-color:blue;
	}

/* HERE ARE MY PSEUDOCLASSES FOR USER INTERACTION */

	.yellow:hover{
		background-color:purple;
	}
	.cyan:hover{
		background-color:orange;
	}
	.red:hover{
		background-color:green;
	}
	.blue:hover{
		background-color:yellow;
	}