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

td {
    width: 5.5%;
    height: 10%;
    text-align: center;
}

.naometal {
    background-color: #a4a70b;
}

.atm {
    text-align: left;
}

.metaisalcalinos {
    background-color: #c09d3b;
}

.terroso {
    background-color: #f3dc77;
}

.transit {
    background-color: #e95959;
}

.outros {
    background-color: #a2c7d3;
}

.semi {
    background-color: #48b9ae;
}

.halo {
    background-color: #70cbeb;
}

.gasesN {
    background-color: #1094f1;
}

.lantanídeos {
    background-color: #90e3e9;
}

.actinídios {
    background-color: #dcadd6;
}