#typechart {
border:solid;
border-collapse:collapse;
width:100%;
background-color:#FFFFFF; /*Highlighting*/
}
th {
border:solid 1px;
width:5%;
}
td {
border:solid 1px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
width:5%;
}
tr {
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
th.\30,td.\30 {
background-color:rgba(255,255,255,1);
}
th.\31,td.\31 {
background-color:rgba(180,179,165,1);
}
th.\32,td.\32 {
background-color:rgba(182,94,79,1);
}
th.\33,td.\33 {
background-color:rgba(114,158,241,1);
}
th.\34,td.\34 {
background-color:rgba(167,96,153,1);
}
th.\35,td.\35 {
background-color:rgba(220,191,100,1);
}
th.\36,td.\36 {
background-color:rgba(192,177,117,1);
}
th.\37,td.\37 {
background-color:rgba(182,197,75,1);
}
th.\38,td.\38 {
background-color:rgba(118,118,193,1);
}
th.\39,td.\39 {
background-color:rgba(182,183,199,1);
}
th.\31 0,td.\31 0 {
background-color:rgba(238,81,74,1);
}
th.\31 1,td.\31 1 {
background-color:rgba(78,166,249,1);
}
th.\31 2,td.\31 2 {
background-color:rgba(130,200,99,1);
}
th.\31 3,td.\31 3 {
background-color:rgba(248,211,97,1);
}
th.\31 4,td.\31 4 {
background-color:rgba(233,100,166,1);
}
th.\31 5,td.\31 5 {
background-color:rgba(134,223,250,1);
}
th.\31 6,td.\31 6 {
background-color:rgba(134,119,236,1);
}
th.\31 7,td.\31 7 {
background-color:rgba(136,104,86,1);
}
th.\31 8,td.\31 8 {
background-color:rgba(230,165,230,1);
}