/*;.;.;.;.;.;.;.;.;.;.;
.;.;.; CSS RESET ;.;.;.
;.;.;.;.;.;.;.;.;.;.;*/

	* {
		margin: 0;
		padding: 0;
		background-color: black;
		float: center;
	}

/*;.;.;.;.;.;.;.;.;.
.;.;.; CANVAS .;.;.;
;.;.;.;.;.;.;.;.;.*/

	main#canvas {
		display: block;
		width: 33vw;
		height: 33vw;
		background-color: black;
		margin: auto;
		padding-top: 5%;
	}

/*;.;.;.;.;.;.;.;.;.;.;.;.;
.;.;.; ARTIST CREDIT ;.;.;.
;.;.;.;.;.;.;.;.;.;.;.;.;*/

	figcaption {
		font-color: white;
		font-size: 12pt;
		text-align: left;
	}

	p {font-color: white;}

/*;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;
.;.;.; HTML5 SEMANTIC TAGS ;.;.;.
;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;*/

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

/*;.;.;.;.;.;.;.;.;.;.;.;.;.;.;
.;.;.; CSS COLOR CLASSES ;.;.;.
;.;.;.;.;.;.;.;.;.;.;.;.;.;.;*/

	.steelblue {
		background-color: steelblue;
	}

	.brown {
		background-color: brown;
	}

	.palevioletred {
		background-color: palevioletred;
	}

	.darkgoldenrod {
		background-color: darkgoldenrod;
	}

	.yellow {
		background-color: yellow;
	}

	.cornflowerblue {
		background-color: cornflowerblue;
	}
	.teal {
		background-color: teal;
	}
	.mediumaquamarine {
		background-color: mediumaquamarine;
	}

	.goldenrod {
		background-color: goldenrod;
	}

	.midnightblue {
		background-color: midnightblue;
	}
	.darkslateblue {
		background-color: darkslateblue;
	}

	.mediumblue {
		background-color: mediumblue;
	}

	.indianred {
		background-color: indianred;
	}

	.maroon {
		background-color: maroon;
	}

	.darkslategrey {
		background-color: darkslategrey;
	}
/*;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;
.;.;.; HOVER PSEUDO-CLASS INTERACTIONS ;.;.;.
;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;*/

	.midnightblue:hover {
		background-color: teal;
	}

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

	.darkgoldenrod:hover {
		background-color: cornflowerblue;
	}

	.goldenrod:hover {
		background-color: palevioletred;
	}

	.palevioletred:hover {
		background-color: deepskyblue;
	}
	.indianred:hover {
		background-color: mediumaquamarine;
	}

	.steelblue:hover {
		background-color: indianred;
	}

	.darkslateblue:hover {
		background-color: teal;
	}

.darkslategrey:hover {
		background-color: goldenrod;
	}

.brown:hover {
		background-color: cornflowerblue;
	}
.teal:hover {
		background-color: yellow;
	}
.mediumaquamarine:hover {
		background-color: yellow;
	}