body{
    font-family:Arial;
}

table {
  table-layout: fixed;
 /* width: 90%; */
  min-width: 50px;
  margin: 0 auto;
  border-collapse: collapse;
  border: solid 3px black;
  text-align:center;
}
tbody img {
 width:70px; 
}

th img {
 width:40px;   
 margin-top:10px;
}



/*
th {
font-size:40;
}
*/

/* element title column */
th[scope="row"] {
  font-size:20px;
}

/* ROW COLORS */

/* light */
tbody tr:first-child {
  background-color: #fcbf6f;
}
th tr:first-child {
    background-color: #fcbf6f;
}

/* earth */
tbody tr:nth-child(2) {
  background-color: #c9b49d;
}
th tr:nth-child(2) {
    background-color: #c9b49d;
}

/* darkness */
tbody tr:nth-child(3) {
  background-color: #a99de3;
}
th tr:nth-child(3) {
    background-color: #a99de3;
}

/* water */
tbody tr:nth-child(4) {
  background-color: #a3c9ff;
}
th tr:nth-child(4) {
    background-color: #a3c9ff;
}

/* poison */
tbody tr:nth-child(5) {
  background-color: #e2a3f7;
}
th tr:nth-child(5) {
    background-color: #e2a3f7;
}

/* fire */
tbody tr:nth-child(6) {
  background-color: #faad91;
}
th tr:nth-child(6) {
    background-color: #faad91;
}

/* electric */
tbody tr:nth-child(7) {
  background-color: #fbea7c;
}
th tr:nth-child(7) {
    background-color: #fbea7c;
}

/* ice */
tbody tr:nth-child(8) {
  background-color: #e8fcff;
}
th tr:nth-child(8) {
    background-color: #e8fcff;
}

/* wind */
tbody tr:nth-child(9) {
  background-color: #a2fad8;
}
th tr:nth-child(9) {
    background-color: #a2fad8;
}

/* steel */
tbody tr:nth-child(10) {
  background-color: #dbdbdb;
}
th tr:nth-child(10) {
    background-color: #dbdbdb;
}

/* grass */
tbody tr:nth-child(11) {
  background-color: #b2fca7;
}
th tr:nth-child(11) {
    background-color: #b2fca7;
}


/* ROW COLORS END */



/*
tbody tr:nth-child(even) {
  background-color: #eeeeee;
}
*/

tr:first-child{
  background-color:#ababab; 
  font-size:20;
}
table td, table th {
    border: 1px solid black;
}

th,
td {
  padding: 0.6em;
  max-width:150px;
}