* {
	margin: 0;
	padding: 0;
}

header#canvas {
	width: 86.8vw;
	height: 88.5vh;
	background-color: lightgray;
	position: fixed;
}

	section.oldlace {
		width: 96.8%;
		height: 96%;
		margin-top: 1.3%;
		margin-left: 1.5%;
	}

		article.black {
			width: 26.7%;
			height: 100%;
			margin-left: 5.5%;
		}

			figure.oldlace {
				width: 16.5%;
				height: 45.7%;
				margin-left: 44%;
			}

			figure.oldlace2 {
				width: 19%;
				height: 54.3%;
				margin-left: 24.5%;
				margin-top: .10%;
			}

			figure.oldlace3 {
				width: 20%;
				height: 12.4%;
				margin-left: 80%;
				margin-top: -114.6%;
			}

			figure.oldlace4 {
				width: 20%;
				height: 12.4%;
				margin-left: 80%;
				margin-top: -103%;
			}

			figure.oldlace5 {
				width: 20%;
				height: 12.4%;
				margin-left: 80%;
				margin-top: -103%;
			}

/* CSS NAMED COLOR CLASSES */

.oldlace {
	background-color: oldlace;
}
	.oldlace:hover {
		background-color: hotpink;
	}

.oldlace2 {
	background-color: oldlace;
}
	.oldlace2:hover {
		background-color: hotpink;
	}

.oldlace3 {
	background-color: oldlace;
}
	.oldlace3:hover {
		background-color: yellow;
	}

.oldlace4 {
	background-color: oldlace;
}
	.oldlace4:hover {
		background-color: yellow;
	}

.oldlace5 {
	background-color: oldlace;
}
	.oldlace5:hover {
		background-color: yellow;
	}

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