/* STYLES DESIGNED BY AARON GUHIN
*/
/* CSS RESET */

	*{
		margin: 0;
		padding: 0;
	}

	main#canvas {
			width: 350px;
			height: 350px;
			background-color: green;
	}

		section {
			width:100%;
			height: 25%;
			}

			article {
				width: 25%;
				height: 100%;
				float: right;

			}


		.row {
			background-color: white;
		}

		.yellow {
			background-color: #e2d21f;
		}
		.blue {
			background-color: blue;
		}
		.lightblue {
			background-color: #45b4ad;
		}
		.red {
			background-color: #e42541;
		}

		.darkblue{
			background-color: #1f2239;
		}



/* HERE ARE MY PSUEDOCLASSES FOR USER INTERACTION */

		.yellow:hover {
			background-color: red;
		}
		.blue:hover  {
			background-color: green;
		}
		.lightblue:hover  {
			background-color: black;
		}
		.red:hover  {
			background-color: orange;
		}

		.darkblue:hover {
			background-color: pink;
		}