div.letter
{
	width:38px;
	padding:19px 0;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	line-height:0;
}

div.a
{
	border:1px solid #d30005;
	color:#d30005;
	background-color:#fd4e53;
}

div.a:after
{
	content:"A";
}


div.b
{
	border:1px solid #a60000;
	color:#a60000;
	background-color:#ff7373;
}

div.b:after
{
	content:"B";
}


div.c
{
	border:1px solid #a60000;
	color:#a60000;
	background-color:#ffa573;
}

div.c:after
{
	content:"C";
}


div.d
{
	border:1px solid #a60000;
	color:#a60000;
	background-color:#ffbf73;
}

div.d:after
{
	content:"D";
}


div.e
{
	border:1px solid #a66500;
	color:#a66500;
	background-color:#ffc973;
}

div.e:after
{
	content:"E";
}


div.f
{
	border:1px solid #a66500;
	color:#a66500;
	background-color:#ffdc73;
}

div.f:after
{
	content:"F";
}


div.g
{
	border:1px solid #a66500;
	color:#a66500;
	background-color:#ffe873;
}

div.g:after
{
	content:"G";
}


div.h
{
	border:1px solid #a66500;
	color:#a66500;
	background-color:#fff673;
}

div.h:after
{
	content:"H";
}


div.i
{
	border:1px solid #8da100;
	color:#8da100;
	background-color:#eafc71;
}

div.i:after
{
	content:"I";
}


div.j
{
	border:1px solid #8da100;
	color:#8da100;
	background-color:#d7f970;
}

div.j:after
{
	content:"J";
}


div.k
{
	border:1px solid #8da100;
	color:#8da100;
	background-color:#abf26d;
}

div.k:after
{
	content:"K";
}


div.l
{
	border:1px solid #8da100;
	color:#8da100;
	background-color:#65e080;
}

div.l:after
{
	content:"L";
}


div.m
{
	border:1px solid #8da100;
	color:#8da100;
	background-color:#5dcec6;
}

div.m:after
{
	content:"M";
}


div.n
{
	border:1px solid #0d58a6;
	color:#0d58a6;
	background-color:#689cd2;
}

div.n:after
{
	content:"N";
}


div.o
{
	border:1px solid #071c71;
	color:#071c71;
	background-color:#6f83d6;
}

div.o:after
{
	content:"O";
}


div.p
{
	border:1px solid #071c71;
	color:#071c71;
	background-color:#7972d8;
}

div.p:after
{
	content:"P";
}


div.q
{
	border:1px solid #7945d6;
	color:#7945d6;
	background-color:#926cd6;
}

div.q:after
{
	content:"Q";
}


div.r
{
	border:1px solid #5e0dac;
	color:#5e0dac;
	background-color:#a069d6;
}

div.r:after
{
	content:"R";
}


div.s
{
	border:1px solid #7608aa;
	color:#7608aa;
	background-color:#9d44c7;
}

div.s:after
{
	content:"S";
}


div.t
{
	border:1px solid #750062;
	color:#750062;
	background-color:#d962c7;
}

div.t:after
{
	content:"T";
}


div.u
{
	border:1px solid #750062;
	color:#750062;
	background-color:#eb6aa3;
}

div.u:after
{
	content:"U";
}


div.v
{
	border:1px solid #fd3f49;
	color:#fd3f49;
	background-color:#fd7279;
}

div.v:after
{
	content:"V";
}


div.w
{
	border:1px solid #a62f00;
	color:#a62f00;
	background-color:#ff9b73;
}

div.w:after
{
	content:"W";
}

div.x
{
	border:1px solid #a62f00;
	color:#a62f00;
	background-color:#ffb073;
}

div.x:after
{
	content:"X";
}


div.y
{
	border:1px solid #a62f00;
	color:#a62f00;
	background-color:#ffbe73;
}

div.y:after
{
	content:"Y";
}


div.z
{
	border:1px solid #a62f00;
	color:#a62f00;
	background-color:#ffc873;
}

div.z:after
{
	content:"Z";
}