@charset "UTF-8";
/* CSS Document */
* {
	margin:0px;
}
#canvas {
	width:34.69vw;
	height:27.4vw;
	margin: 2vw auto 0 auto;
}
section {
	float: left;
}
.tanone {
	width:9.105%;
	height:100%;
	background-color:#ffe7ae;
}
.purple {
	width:7.1%;
	height:100%;
	background-color:#3b2f3b;
}
.tantwo {
	width:4.5%;
	height:100%;
	background-color: #f0e4b4;
}
.green {
	width:4.5%;
	height:100%;
	background-color: #5e584c;
}
.beige {
	width:5.5%;
	height:100%;
	background-color:#c3b392;
}
.tanthree {
	width:9.105%;
	height:100%;
	background-color:#e5d6ad;
}
.brown {
	width:4.5%;
	height:100%;
	background-color:#836146;
}


.navygreen {
	width:4.5%;
	height:100%;
	background-color: #494335;
}
.tanfour {
	width:1.5%;
	height:100%;
	background-color:#faecbb;
}
.tanfive{
	width:9.82%;
	height:100%;
	background-color:#f6dda7;
}
.twotanthree {
	width:9.305%;
	height:100%;
	background-color:#f4ebc0;
}



.tanone:hover {
	background-color:#494335;
}

.purple:hover {
	background-color:#836146;
}
.tantwo:hover {
	background-color:#f6dda7;
}
.green:hover {
	background-color:#3b2f3b;
}
.beige:hover {
	background-color: #494335;
}
.tanthree:hover {
	background-color: #5e584c;
}
.brown:hover {
	background-color:#3b2f3b;
}
.navygreen:hover {
	background-color:#c3b392;
}
.tanfour:hover {
	background-color: #5e584c;
}
.twotanthree:hover {
	background-color: #5e584c;
}
.tanfive:hover {
	background-color:#494335;
}