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

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

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

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

.border{
    border: solid;
    text-align: center;
}
.naometais{
    background-color: greenyellow;
}
.gasnobre{
    background-color: rgb(8, 124, 219);
}
.alcalinoterroso{
    background-color:yellow;
}
.metaisalcalino{
    background-color: orange;
}
.semimetais{
    background-color: rgb(3, 136, 136);
}
.halogenio{
    background-color:aquamarine
}
.outrosmetais{
    background-color: grey;
}
 .transicao{
    background-color: rgb(248, 47, 47);
 }   
 .lantanídeos{background-color: aquamarine;
}
.actinídios{
    background-color: plum;
}


.l-naometais{background-color: greenyellow;
    width: 20px;
    height: 20px;
    margin-left: 20px;}
    
    .l-gasnobre{background-color:rgb(8, 124, 219)(8, 124, 219);
        width: 20px;
        height: 20px;
        margin-left: 20px;}
    
    .l-metaisalcalinos{background-color:yellow;
        width: 20px;
        height: 20px;
        margin-left: 20px;}
    
    .l-metaisalcalinosterrosos{background-color:orange;
        width: 20px;
        height: 20px;
        margin-left: 20px;}
    
    .l-halogênio{background-color: rgb(3, 136, 136);
        width: 20px;
        height: 20px;
        margin-left: 20px;}
    
    .l-semimetais{background-color:aquamarine;
        width: 20px;
        height: 20px;
        margin-left: 20px;}
    
    .l-outrosmetais{background-color:grey;
        width: 20px;
        height: 20px;
        margin-left: 20px;}
    
     .l-metaistransição{background-color:rgb(248, 47, 47);
        width: 20px;
        height: 20px;
        margin-left: 20px;}
    
    .l-lantanídeos{background-color:aquamarine;
        width: 20px;
        height: 20px;
        margin-left: 20px;}
    
    .l-actinídios{background-color: plum;
        width: 20px;
        height: 20px;
        margin-left: 20px;}
    
    
    ul li{
        display: inline-block;
        list-style-type: none;
    }
    ul{
        padding: 0;
    }
.list{
    padding: 13px;
}