/*  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: 52vw;
		height: 41.15vw;
		margin: 2vh auto 0 auto;   
	}

/* ARTIST CREDIT */

	section#artist {
		margin: 0.5vw auto 0 auto;  
		font-size: 16pt;
		text-align: center;
		font-family: comic sans ms, cursive;
	}

/* HTML5 SEMANTIC TAGS */

    section.left {
		float: left;  
    }

    section.right {
		float: right;  
    }

	section#first {
		width: 9%;
		height: 100%;
	}

	section#second {
		width: 7.46%;
		height: 100%;
	}

	section#third {
		width: 4.2%;
		height: 100%;
	}

	section#fourth {
		width: 4.9%;
		height: 100%;
	}

	section#fifth {
		width: 5.2%;
		height: 100%;
	}

	section#sixth {
		width: 9.45%;
		height: 100%;
	}

	section#seventh {
		width: 4.45%;
		height: 100%;
	}

	section#eighth {
		width: 4.75%;
		height: 100%;
	}

	section#strip {
		width: 1.18%;
		height: 100%;
	}

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

	.yellow {
		background-color: #ffe7ae;
	}
		.yellow:hover {
			background-color: #fecc55;
		}

	.dkbrown {
		background-color: #3f333f;
	}
		.dkbrown:hover {
			background-color: #624d62;
		}

	.sunny {
		background-color: #f0e4b4;
	}
		.sunny:hover {
			background-color: #f3de8a;
		}

	.olive {
		background-color: #5e584c;
	}
		.olive:hover {
			background-color: #85724d;
		}

	.tan {
		background-color: #c3b392;
	}
		.tan:hover {
			background-color: #a1916f;
		}

	.paleyellow {
		background-color: #e6d7ae;
	}
		.paleyellow:hover {
			background-color: #d0ba7d;
		}

	.medbrown {
		background-color: #95765a;
	}
		.medbrown:hover {
			background-color: #bd9470;
		}

	.dkolive {
		background-color: #524c40;
	}
		.dkolive:hover {
			background-color: #7a653a;
		}