.body{
	font-size: 9px;
}

h1{
	font-size: 30px;
	font-weight: bold;
}

table{
	font-size: 12px;
}
td{
	padding:5 5 5 5;
}

.color0 {
	background-color: #000000;
	color: #ffffff;
	width: 20;
	height: 20;
}
.color1 {
	background-color: #111111;
	color: #ffffff;
	width: 20;
	height: 20;
}
.color2 {
	background-color: #222222;
	color: #ffffff;
	width: 20;
	height: 20;
}
.color3 {
	background-color: #333333;
	color: #ffffff;
	width: 20;
	height: 20;
}
.color4 {
	background-color: #444444;
	color: #ffffff;
	width: 20;
	height: 20;
}
.color5 {
	background-color: #555555;
	color: #ffffff;
	width: 20;
	height: 20;
}
.color6 {
	background-color: #666666;
	color: #ffffff;
	width: 20;
	height: 20;
}
.color7 {
	background-color: #777777;
	color: #ffffff;
	width: 20;
	height: 20;
}
.color8 {
	background-color: #888888;
	color: #ffffff;
	width: 20;
	height: 20;
}
.color9 {
	background-color: #999999;
	color: #ffffff;
	width: 20;
	height: 20;
}
.colora {
	background-color: #aaaaaa;
	width: 20;
	height: 20;
}
.colorb {
	background-color: #bbbbbb;
	width: 20;
	height: 20;
}
.colorc {
	background-color: #cccccc;
	width: 20;
	height: 20;
}
.colord {
	background-color: #dddddd;
	width: 20;
	height: 20;
}
.colore {
	background-color: #eeeeee;
	width: 20;
	height: 20;
}
.colorf {
	background-color: #ffffff;
	width: 20;
	height: 20;
}