<!-- 
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWWNNXXXXXXNNWWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMWNXXWMMMMMWNXK0OkxxddddddddxxkO0KXNWMMMMMWXKNWMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMWNKOxoloxKWWX0Oxdooooodoooooooodooooodxk0XWWKxoloxOKNWMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMWNKOxollcllcclxkdooooodk0KKK0OkkO0KKK0kdooooodkxlccllclloxOKNWMMMMMMMMMMMMM
MMMMMMMMMWNKOxolllccccllclooooooood0NWWWWWNNNNWWWWWN0doooooooolcllccclllloxOKNWMMMMMMMMM
MMMMMWNKOxolllllllllccllooooooooooxXWWWWWWWWWWWWWWWWXxoooooooooollccllllllclloxOKNWMMMMM
MMMWKkdllcllllccllllcclloooooooooookXWWWWWWWWWWWWWWXkooooooooooollccllclllllllclldkKWMMM
MMWKollllllllllcllcllllooooooooooooox0NWWWWWWWWWWN0xooooooooooooollllcllllllllllllloKWMM
MMNklclllllllllllcllcllooooooooooooood0NWWWWWWWWN0dooooooooooooooollcllcllllllllllclkNMM
MMWOlllclllllllllllcllooooooooooooooood0NWWWWWWN0doooooooooooooooollclccclllllllllllOWMM
MMMNkllllllllllllclllooooooooooooooooooxKWWWWWWKxoooooooooooooooooolllcllllllllllllkNMMM
MMMMXxlllllllcllllllloooooooooooooooooooONWWWWNkooooooooooooooooooolllllllclllllclxXMMMM
MMMMMXkllllcllllllcloooooolc:::cloooooooxKWWWWKxooooooolc:::cloooooolclllcllcclclkXMMMMM
MMMMMMNkolllllclllllooll:;'..';;';looooodKWWWWKdoooool;';;'..';:cloolllllcllllloONMMMMMM
MMMMMMMW0dlllllclllool:,'....':;..;looood0WWWW0dooool;..;:'....',:loolllcllclld0WMMMMMMM
MMMMMMMMWXkocclllloooolc,.........,looood0WWWW0dooool,.........,cloooolcllccokXWMMMMMMMM
MMMMMMMMMMW0xllloxdooooo:'......';loooood0WWWW0doooool;'......':ooooodxolclx0WMMMMMMMMMM
MMMMMMMMMMMMNK00XNOooooooc;,,,;:looooddxkKWWWWKkxddooool:;,,,;cooooooOXX00KNMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMXxooooooooooooooxO0KXNNWWWWWWNNXK0OxooooooooooooooxXMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMWKxoooooooooodk0NWWWWWWWWWWWWWWWWWWNKkoooooooooooxKWMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMWKxooooooood0NWWWWWWWWWWWWWWWWWWWWWWN0dooooooooxKWMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMXkdoooood0NWWWWWWWWWWWWWWWWWWWWWWWWN0dooooodkXMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMWKxooookNWWWWWWWWWWWWWWWWWWWWWWWWWWNkoooox0WMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMWN0xdod0NWWWWWWWNKOkxxxxkOKNWWWWWWWN0dodx0NWMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMWNK0OOkx0NWWWWWKd:,'''..''',:dKWWWWWN0xkOO0KNWMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMWXXK0O000XWWWWWWk,...''''''...,kWWWWWWX0O000KXXWMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMNXXKK000O0XWWWWWWKc............cKWWWWWWX0O000KKXXNMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMNXXXXK00O00XWWWWWWNO;..........;ONWWWWWWX00O00KXKXXNMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMWXXXXXK00000KNWWWWWWN0c'......'c0NWWWWWWNK00000KXXXXXWMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMNXKXXKK0000O0XNWWWWWWWXOdlllldOXWWWWWWWNX0O0000KKXXKXNMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMWXXXXXXKK000000KXNNWWWWWWWWNNWWWWWWWWNNXK000000KKXXKKXXWMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMWXXXXXXXKK00O00000KK0OOOOOOOOOOOOOO0KK00000O00KKXXXKXXXWMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMWXXXXXXXXKK00000000OOkxxxxxxxxxxxxkOO00000000KKXXXXKXXXWMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMWXXXXXXXXXKK000000000OOOOOOOOOOOOOO000000000KKXXXXXXXXXWMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMWXXXXXKKXXXXKK0000000000000000000000000000KKXXXXKKXXXXXWMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMWXXXXXXXXXXXXKKKK0000000000000000000000KKKKXXXXXXXXXXXXWMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMNXXXXKKXXXXXXXXXKKKKK00000000000000KKKKXXXXXXXXXXKKXXXXNMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMNXXXXXXXXXXXXKKXXXXXXKKKKKKKKKKKKKKKKXXXXXXKKXXXXXXXXXXXXNMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMWXXXXXXXXXXXXXXXXXXXXXKKXXXXXXXXXXXXXKXXXXXXXXXXXXXXXXXXXXXWMMMMMMMMMMMMMM
MMMMMMMMMMMMMWNXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXNWMMMMMMMMMMMMM
MMMMMMMMMMMMMWNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNWMMMMMMMMMMMMM
-->
@charset "utf-8";

/* CSS RESET */
* {
	margin:0px;
}

/* Canvas */
#canvas {
	width:40vw;
	height:30vw;
	margin: 5vw auto 0 auto;
}

section {
	float: left;
}

.paleyellow {
	width:9%;
	height:100%;
	background-color:#ffe7ae;
}
.purple {
	width:7%;
	height:100%;
	background-color:#3b2f3b;
}
.tan {
	width:4.5%;
	height:100%;
	background-color: #f0e4b4;
}
.moss {
	width:4.5%;
	height:100%;
	background-color: #5e584c;
}
.beige {
	width:5.5%;
	height:100%;
	background-color:#c3b392;
}
.paletan {
	width:9%;
	height:100%;
	background-color:#e5d6ad;
}
.coffee {
	width:4.5%;
	height:100%;
	background-color:#97795d;
}
.navygreen {
	width:4.5%;
	height:100%;
	background-color: #494335;
}
.whitetan {
	width:1.1%;
	height:100%;
	background-color:#faecbb;
}


/*  HOVER  */

.paleyellow:hover {
	background-color:lightgray;
}

.purple:hover {
	background-color:#836146;
}
.tan:hover {
	background-color:#97795d;
}
.moss:hover {
	background-color:#3b2f3b;
}
.beige:hover {
	background-color: #494335;
}
.paletan:hover {
	background-color: #5e584c;
}
.coffee:hover {
	background-color:#3b2f3b;
}
.navygreen:hover {
	background-color:#c3b392;
}
.whitetan:hover {
	background-color: #5e584c;
}
.twotanthree:hover {
	background-color: #5e584c;
}
.tanfive:hover {
	background-color:#494335;
}