html {
	background-color:  black;
}

#grid {
	display: grid;
	grid-template-columns: repeat(100,7px);
	grid-template-rows: repeat(100,7px);
}

.a0 {
	background-color: black;
	border: 1px white solid;
}

.a1 {
	background-color: #ff0019;
	border: 1px white solid;
}

.a2 {
	background-color: #00ffee;
	border: 1px white solid;
}

.a3 {
	background-color: pink;
	border: 1px white solid;
}

.a4 {
	background-color: violet;
	border: 1px white solid;
}

.a5 {
	background-color: lime;
	border: 1px white solid;
}

.a6 {
	background-color: orange;
	border: 1px white solid;
}

.a7 {
	background-color: yellow;
	border: 1px white solid;
}

.a8 {
	background-color: silver;
	border: 1px white solid;
}

.a9 {
	background-color: #ff0019;
	border: 1px white solid;
}

.a10 {
	background-color: #ff0019;
	border: 1px white solid;
}
.a11 {
	background-color: tan;
	border: 1px white solid;
}
/*hex square colors green:#84faa4 red:#ff0019 cyan:#00ffee*/