*{
	margin: 0;

}


header#canvas{
	width:101vw;
	height: 100vw;
	}

section{float: left;
	margin-left: 4vw;
}

.box{
	width:100%;
	height: 100%;
	margin-top: 3vw;

}

.blue{
	width: 0.9vw;
	height: 85%;
	margin-left: 0;
	}

.green{
	width: 0.83vw;
	height: 85%;
	float: left;
	margin-left: 0;
}

.orange{
	width:0.86vw;
	height: 85%;
	float: left;
	margin-left: 0;
}

.black{
	width: 0.9vw;
	height: 85%;
	float: left;
	margin-left: 0;
}


.red{
	width:0.85vw;
	height: 85%;
	float: left;
	margin-left: 0;
}

.white{
width:0.89vw;
	height: 85%;
	float: left;
	margin-left: 0;
}



/* CSS COLOR CLASSES */

.grey{
	background-color: lightgrey;
}

.blue{
	background-color:steelblue;
}

.green{
	background-color: cadetblue;
}

.black{
	background-color: black;
}

.orange{
	background-color: goldenrod;
}

.white{
	background-color: white;
}

.red{
	background-color: indianred;
}



/* CSS COLOR CLASS HOVER STATES */

.grey:hover{
	background-color: dimgrey;
}

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

.green:hover{
	background-color: seagreen;
}

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

.orange:hover{
	background-color:sandybrown;
}

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

.red:hover{
	background-color: lightcoral;
}





ul{list-style-type: none;
	text-align: center;
	font-size: 18pt;
	margin-top: 2vw;
}

	li {
		display: inline-block;
		margin: 4pt;
	}

	a:hover {
		background-color: #b79eb4;
		color: black;
	}

	.current-page {
		background-color:#ffffff;
		color: #b26491;
	list-style-type: none;
}