*{
	margin: 0;
	padding: 0;


}

header#canvas{
	width: 76vw;
	height: 56vw;
	margin: 0 auto;
	border: 1.25vw solid;
	border-color: lightgrey;
}

	section.black{
		width:5.2vw;
		height: 100%;
		margin-left: 3.6vw;
		
	}

	section#line-two{
		width: 5.5vw;
		height: 45%;
		float: left;
		}

	section#line-three{
			height: 55.2%;
			float: left;
			margin-left:9vw ;
		}

	section#line-four{
		margin-left: 12.7vw;
		width: 4vw;
		height: 100.1%;
	}


	section#line-five{
		height: 8%;
		width: 100%;
		margin-left: 3vw;

		}

	article{
		width: 102%;
		height: 154%;
		display: inline-block;
		margin-top: 11.6vw;
	

	}



	#margin-top{
		margin-top: 167%;

	}

	
	#block{
		height: 17vw;
		margin: initial;
		margin-top: 7vw;
	}

/* CSS COLOR CLASSES */

.lightyellow{
	background-color: lightyellow;
	
}

.black{
	background-color: black;
}


/* CSS COLOR CLASS HOVER STATES */

.lightyellow:hover{
	background-color:seashell;
	
}

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


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;
}