H1{
    text-align: center;
}
h2{
    margin-top: 0%;
    margin-bottom: 0%;
}
.borda{
    border: solid;
    border-radius: 15px;
    text-align: center;
}
table {
    width: 90%;
    height: 97vh;
    margin: auto;
    margin-top: 3vh;
}
td{
    width: 5%;
    height: 6vh;
}
div{
    text-align: left;
    margin-top: 0%;
    margin-bottom: 0%;
}
body{
    background-color: rgb(87, 94, 107);
}
.NaoMetais{
    background-color: rgb(127, 231, 123);
    border-color: rgb(57, 126, 0);
}
.gasesNobres{
    background-color: rgb(54, 54, 207);
    border-color: blue;
}
.MetaisAlcalinos{
    background-color: rgb(235, 135, 22);
    border-color: rgb(136, 75, 0);
}
.MetaisAlcalinosTerrosos{
   background-color: rgb(245, 229, 14);
   border-color: rgb(201, 164, 0);
}
.SemiMetais{
    background-color: rgb(0, 170, 133);
    border-color: rgb(5, 90, 90);
}
.halogênios{
    background-color: rgb(0, 255, 255);
}
.outrosMetais{
    background-color: rgb(0, 159, 207);
}
.metaisDeTransição{
   background-color: rgb(146, 0, 61);
}
.lantanídeos{
    background-color: rgb(0, 124, 207);
}
.actinídeos{
    background-color: rgb(235, 0, 195);
}
.borda:hover {
transform: scale(1.3);
z-index: 10;
box-shadow: 0 0 15px
}