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

    table{
        width: 90%;
        height: 100vh;
        margin: auto;
    }
    td{
        width: 5%;
        height: 8vh;
    }

    .border{
        border: solid;
        text-align: center;
    }

    .gasesnobres{background-color: rgb(139, 94, 184);}
    .naometais{background-color: cadetblue;} 
    .alcalinos{background-color: chocolate;}
    .alcalinosterrosos{background-color: rgb(187, 113, 88);}
    .lantanideos{background-color: rgb(230, 59, 59);}
    .semimetal{background-color: rgb(131, 112, 5);}
    .halogenios{background-color: rgb(45, 79, 117);}
    .transicoes{background-color: rgb(8, 167, 106);}
    .outrosmetais{background-color: rgb(158, 9, 53);}
    .actinidios{background-color: rgb(172, 199, 18);}

    .legenda{
        margin-top: 20px;
        text-align: center;
    }
    .item{
        margin: 5px 0;
        display: inline-block;
    }

    .cor{
        display: inline-block;
        width: 25px;
        height: 25px;
        margin-left: 10px;
    }
    .nome{
        font-size: 30px;
    }