/*  My ASCII art

ooo        ooooo   .oooooo.                          
`88.       .888'  d8P'  `Y8b                            
 888b     d'888  888               /\.../\         
 8 Y88. .P  888  888              ( =^.^= )        
 8  `888'   888  888              /       \    PURR...   
 8    Y     888  `88b    ooo     /   ...   \            
o8o        o888o  `Y8bood8P'    \,,/     \,,/           

*/

@charset "UTF-8";

/* CSS RESET */

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

/* CANVAS */

	main#canvas {
		width: 67.45vw;
		height: 100vw;
		margin: 2vh auto 0 auto;   
	}

/* ARTIST CREDIT */

	section#artist {
		width: 100vw;   
		height: 3vw;
		font-size: 16pt;
		text-align: center;
		font-family: comic sans ms, cursive;
	}

/* HTML5 SEMANTIC TAG */

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


/*  CSS COLOR CLASSES and HOVER PSEUDO-CLASS INTERACTIONS  */

	.blue {
		background-color: #1dbbeb;
	}
		.blue:hover {
			background-color: cyan;
		}

	.pink {
		background-color: #e47192;
	}
		.pink:hover {
			background-color: tomato;
		}

	.gold {
		background-color: #ddad31;
	}
		.gold:hover {
			background-color: yellow;
		}

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

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

	.aqua{
		background-color: #00c6e1;
	}
		.aqua:hover {
			background-color: #119caf;
		}