* {box-sizing: border-box;
margin: 0;}

table { width:100%;
    height:100vh;
}

td {width:5%;
    height:8vh  
}
.elemento {border: solid;}
.mettra {background-color: #eda38c;}
.nmetais {background-color: #9bd18a;}
.ma {background-color: #e6a750;}
.mat {background-color: #ebdd4d;}
.oumetais {background-color: #9aadab;}
.smetais {background-color: #4fb8ad;}
.halo {background-color: #66deda;}
.gnobre {background-color: #77a1d1;}
.lant {background-color: #4fb4b8;}
.act {background-color: #c78fcc;}