body{
    font-size: 15px;
}

h1{
    text-align: center;
    font-size: 50px;
}

table{
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    table-layout: fixed;
}
td{
    
  overflow: hidden;
  text-overflow: ellipsis;
}

.gasesNobres{
    border: 2px solid black;
    background-color: #3d9ee3;
}
h2{
    text-align: left;
    font-size: 9px;
}
.metaisAlcalinos{
    border: 2px solid black;
    background-color: #f1b200;
}
.naoMetais{
    border: 2px solid black;
    background-color: #a1d344
}
.Halogenios{
    border: 2px solid black;
    background-color:#70cbeb;
}
.metaisAlcalinoTerrosos{
    border: 2px solid black;
    background-color: #eada00;
}
.metaisTransição{
    border: 2px solid black;
    background-color: #eb8e8e;
}
.semiMetais{
    border: 2px solid black;
    background-color: #4db6ac;
}
.outrosMetais{
    border: 2px solid black;
    background-color: #a2c7d3;
}
.Lantanídeos{
    border: 2px solid black;
    background-color: #90e3e9;
}
.Actinidios{
    border: 2px solid black;
    background-color: #dcadd6;
}
#legendas{
    margin-top: 50px;
    height: 80px;
}