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

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

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

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

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

	figcaption {
		width: 68.6vw;
		margin: 0.5vw auto 0 auto;
		font-color: white;
		font-size: 8pt;
		text-align: left;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

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

	section {
		width: .92%;
		height: 100%;
		float: left;
	}

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

	.deepskyblue {
		background-color: deepskyblue;
	}

	.black {
		background-color: black;
	}

	.palevioletred {
		background-color: palevioletred;
	}

	.goldenrod {
		background-color: goldenrod;
	}

	.white {
		background-color: white;
	}


/*;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;
.;.;.; HOVER PSEUDO-CLASS INTERACTIONS ;.;.;.
;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;.;*/

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

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

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

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

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