* {
	margin: 0;
	padding: 0;
	

}
header#canvas {
height: 28vw;
width: 39vw;
}
section {
	float: left;
	width: 100%;
	height: 33.5%;

}
article {
	float: left;
}
article.red1 {
	width: 2%;
	height: 33.4%;
	margin-left: 0%;
	margin-top: 9%;
}
article.green1 {
	width: 3.8%;
	height: 33.4%;
	margin-left: 1.5%;
	margin-top: 9%;
}
article.blue1 {
	width: 1%;
	height: 33.4%;
	margin-left: 1.5%;
	margin-top: 9%;
}
article.orange1 {
	width: 3.8%;
	height: 33.4%;
	margin-left: 3%;
	margin-top: 9%;
}
article.gray {
	width: 8.5%;
	height: 33.4%;
	margin-left: 3%;
	margin-top: 9%;
}
article.green2 {
	width: 1%;
	height: 33.4%;
	margin-left: 1.5%;
	margin-top: 9%;
}
article.violet {
	width: 1%;
	height: 33.4%;
	margin-left: 3.5%;
	margin-top: 9%;
}
article.black3 {
	width: 3%;
	height: 33.4%;
	margin-left: 1%;
	margin-top: 9%;
}
article.pink1 {
	width: 2%;
	height: 33.4%;
	margin-left: 3.5%;
	margin-top: 9%;
}
article.red2 {
	width: 2.3%;
	height: 33.4%;
	margin-left: 3.5%;
	margin-top: 9%;
}

article.black2 {
	width: 8.5%;
	height: 33.4%;
	margin-left: 3%;
	margin-top: 9%;
}

article.red3 {
	width: 16.85%;
	height: 33.4%;
	margin-left: 3%;
	margin-top: 9%;
}
article.pink {
	width: 7%;
	height: 33.4%;
	margin-left: 0%;
	margin-top: 0%;
}

article.black1 {
	width: 14.5%;
	height: 33.4%;
	margin-left: 4.5%;
	margin-top: 0%;
	}
	article.red {
	width: 4%;
	height: 33.4%;
	margin-left: 4.5%;
	margin-top: 0%;
	}
	article.orange {
	width: 14%;
	height: 33.4%;
	margin-left: 10.5%;
	margin-top: 0%;
	}
	article.blue {
	width: 30.5%;
	height: 33.4%;
	margin-left: 10.5%;
	margin-top: 0%;
	}
	article.green {
	width: 20%;
	height: 33.4%;
	margin-left: 0%;
	margin-top: 16.1%;
}

article.black {
	width: 45%;
	height: 33.4%;
	margin-left: 55%;
	margin-top: -7.9%;
	}
/* CSS NAMED COLOR CLASSES */
.yellow {
	background-color: gold;
}
.red {
	background-color: red;
}
.black {
	background-color: black;
}
.black1 {
	background-color: black;
}
.black2 {
	background-color: black;
}
.black3 {
	background-color: black;
}
.green {
	background-color: limegreen;
}
.pink {
	background-color: pink;
}
.pink1 {
	background-color: pink;
}
.blue {
	background-color: blue;
}
.blue1 {
	background-color: blue;
}
.orange {
	background-color: orange;
}
.orange1 {
	background-color: orange;
}
.red1 {
	background-color: red;
}
.red2 {
	background-color: red;
}
.red3 {
	background-color: red;
}
.green1 {
	background-color: limegreen;
}
.green2 {
	background-color: darkgreen;
}
.gray {
	background-color: gray;
}
.violet {
	background-color: blueviolet;
}