body {
	margin:80px;
	background-color: blue;
	 position: absolute;

}

.canvas {
  width: 100%;
  height: 100%;
}

.grid-container {
	display: grid; 
	grid-template-columns: 10px 10px 10px 10px 10px;
	height: 40px;
	width:40px;

}

/*Graphic Element - Shapes */
.element-1{
	width: 10px;
	height: 10px;
	float:left;
	background: red;
	}
/*Deco Elements */
.element-a{
	width: 10px;
	height: 10px;
	transform: translateX(-70px) translateY(-80px);
}

.element-b{
	width: 10px;
	height: 10px;
	transform: translateX(-80px) translateY(-80px);
}

/* Graphic Elements - Colors*/
#color0 {
	background: blue;
}

#colorYello {
	background: red;
}

#color3 {
	background: red;
}

#color4 {
	background: red;
}

#color5 {
	background: red;
}

#colorA {
	background: red;
}

#colorB {
	background: red;
}

#colorC {
	background: red;
}

#color2 {
	background: red;
}

#colorE {
	background: red;
}

#colorF {
	background: red;
}

#color-2 {
	background: red;
}

#colorW {
	background: red;
}

/*.img-fix {
	background:url(stand_in.png) no-repeat;
	background-size: 50%;
	transform: translateY(604px) translateX(428px);
	height:50px;
	margin-bottom: 100px;

}


/*Copy Section
.element-1{
	width: 30px;
	height: 35px;
	border-top-left-radius: 20px;
	transform: translateX(18px);
}
*/