header#canvas {
	width: 40vw;
	height: 40vw;
	position: relative;
}

section {
	position: absolute;
}

/* css named color calsses */
.lightgray1 {
	top: 0vw;
	left: 34vw;
	width: 30vw;
	height: 30vw;
	background-color:ligthgray;
}

.blue1 {
	top: 1vw;
	left: 35vw;
	width: 28vw;
	height: 28vw;
	background-color:blue;
}

.black1 {
	top: 6vw;
	left: 35vw;
	width: 3.5vw;
	height: 23vw;
	background-color:black;
}

.black2 {
	top: 6vw;
	left: 35vw;
	width: 18vw;
	height: 4.5vw;
	background-color:black;
}

.black3 {
	top: 6vw;
	left: 48.5vw;
	width: 5.5vw;
	height: 23vw;
	background-color:black;
}

.black4 {
	top: 1vw;
	left: 55vw;
	width: 2vw;
	height: 28vw;
	background-color:black;
}

.black5 {
	top: 27vw;
	left: 35vw;
	width: 28vw;
	height: 2vw;
	background-color: black;
}

.black6 {
	top: 26vw;
	left: 55vw;
	width: 8vw;
	height: 1vw;
	background-color:black;
}

.lightgray2 {
	top: 26vw;
	left: 54vw;
	width: 1vw;
	height: 1vw;
	background-color:lightgray;
}

.yellow1 {
	top: 27vw;
	left: 46.5vw;
	width: 2vw;
	height: 2vw;
	background-color:yellow;
}

.red1 {
	top: 17.5vw;
	left: 57vw;
	width: 6vw;
	height: 8.5vw;
	background-color:red;
}
.lightgray1:hover{
	background-color:gray;
}
.blue1:hover{
	background-color:navy;
}
.black2:hover{
	background-color:gray;
}
.black3:hover{
	background-color:gray;
}
.black4:hover{
	background-color:gray;
}
.black5:hover{
	background-color:gray;
}
.black6:hover{
	background-color:gray;
}
.lightgray2:hover{
	background-color:darkgray;
}
.yellow1:hover{
	background-color:burlywood;
}
.red1:hover{
	background-color:brown;
}