*{margin: 0;}

table{
    width: 90%;
    height: 90vh;
}
.borda{ border: solid;
    text-align: center}

    div { text-align: left;}

    .naometais {background-color: rgb(138,182,72);}

    td{
        width: 5%;
        height: 8vb;
    }

.borda.naometal{
    background-color:lightgreen;}

.borda.metaisdetransição{
     background-color:rgb(253, 186, 255);}

.borda.{
     background-color:rgb(243, 247, 10);}

     .borda.Actinídios{
        background-color:rgba(255, 86, 179, 0.911);}

.borda.Lantanídeos{
     background-color:rgba(148, 206, 253, 0.911);}


     .borda.Gasesnobres{
        background-color:rgba(6, 91, 161, 0.911);}

        .borda.Halogênios{
            background-color:rgba(91, 176, 245, 0.911);}

            .borda.Nãometais{
                background-color:rgba(3, 224, 40, 0.911);}

                .borda.Metaisalcalino-terrosos{
                    background-color:rgba(237, 253, 4, 0.911);}

                    .borda.Metaisalcalino{
                        background-color:rgba(253, 153, 4, 0.911);}
        
                        .borda.semimetais{
                            background-color:rgba(39, 250, 215, 0.911);}
    
                            .borda.outrosmetais{
                                background-color:rgba(147, 219, 236, 0.911);}