@charset "UTF-8";
/* CSS Document */

/*-- 
    ____.              _______   
    |    | _________    \      \  
    |    |/  _ \__  \   /   |   \ 
/\__|    (  <_> ) __ \_/    |    \
\________|\____(____  /\____|__  /*/


	*{
	margin-top:1%;
	padding: 0;
}

header#canvas {
	width: 60vw;
	height: 50vw;
	margin: 10.8%;
	display:inline-table
}

section {
	width: 2%;
	height: 90%;
	float: left; 
}

.purple {
	background-color: #917FA5;
}

	.purple:hover {
	background-color: #369812;
	}

.pink {
	background-color: #C86C9B;
}
	.pink:hover {
	background-color:#90B3F6;
	}

.yellow {
	background-color: #E8D851;
}

	.yellow:hover {
	background-color: #2C32AF;
	}

.green {
	background-color: #4AA777;
}

	.green:hover {
	background-color: #4A0C0D;
	}

.blue {
	background-color: #8CACC2;
}

	.blue:hover {
	background-color: yellow;
	}

.turquoise {
	background-color: #6EBDC1;
}

	.turquoise:hover {
	background-color: #EA941F;
	}

.orange {
	background-color: #F4B242;
}
	.orange:hover {
	background-color: #E3192C;
	}

.lightorange {
	background-color: #EA843A;
}
	.lightorange:hover {
	background-color: #8CACC2;
	}

.lightgreen {
	background-color: #A9B843;
}
	.lightgreen:hover {
	background-color: #A64108;
	}
.darkorange {
	background-color: #E77036;
}
	.darkorange:hover {
	background-color: #381059;
	}