/*

---      ---  ________
\   \   /  / |_____   |  
 \   \ /  /       /  /
  \      /  hi!  /  /
   \    /       /  /
    |   ||ʘ‿ʘ)╯/  /
    |   |     /  /_____
    |   |    /_________|    
    |___|

*/


/*CSS RESET */

	* {
		margin: 0;
		padding: 0;
		color: #000;
	}

/*CANVAS*/

	main#canvas {
		width: 40vw;
		height: 42vw;
		margin: 5.6vh auto 0 auto;
	}

/*ARTIST CREDIT*/

	figcaption {
		width: 40vw;
		font-size: 12pt;
		text-align: right;
		margin: 0.5vw auto 0 auto;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		
	}

/*HTML5 SEMANTIC TAGS*/

	section {
		width: 0.75%;
		height: 100%;
		float: left;
	}


/*CSS COLOR CLASSES*/

	.black {background-color: #2a242e;}
	.blue {background-color: #8fa7d5;}
	.pink {background-color: #e17068;}
	.gold {background-color: #d49e46;}
	.white {background-color:#f8efdd;}
	.aqua {background-color:#60bcbb;}

/*HOVER PSEUDO-CLASS INTERACTIONS*/
	.black:hover {background-color: #8fa7d5;}
	.blue:hover {background-color: #e17068;}
	.pink:hover {background-color: #d49e46;}
	.gold:hover {background-color: #f8efdd;}
	.white:hover {background-color:#60bcbb;}
	.aqua:hover {background-color:#2a242e;}