*{
    margin: 0;
}


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

table {
    height: 100vh;
    width: 100%;
}


.naometais {
    background-color: rgb(110, 233, 110);
}
.naometais:hover {
    transform: scale(1.15);
}

.gasesnobres {
    background-color: rgb(81, 162, 255);
}
.gasesnobres:hover {
    transform: scale(1.15);
}


.metaisalcalinos {
    background-color: orange;
}
.metaisalcalinos:hover {
    transform: scale(1.15);
}

.metaisalcalinosterrosos {
    background-color: yellow;
}
.metaisalcalinosterrosos:hover {
    transform: scale(1.15);
}

.metaisdetransicao {
    background-color: pink;
}
.metaisdetransicao:hover {
    transform: scale(1.15);
}

.semimetais {
    background-color: rgba(49, 214, 255, 0.507);
}
.semimetais:hover {
    transform: scale(1.15);
}

.halogenios {
    background-color: rgb(173, 255, 248);
}

.halogenios:hover {
    transform: scale(1.15);
}


.outrosmetais {
    background-color: grey;
}

.outrosmetais:hover {
    transform: scale(1.15);
}

.lantanideos {
    background-color: rgb(0, 110, 255);
}

.lantanideos:hover {
    transform: scale(1.15);
}

.actinideos {
    background-color: rgb(116, 23, 116);
}

.actinideos:hover {
    transform: scale(1.15);
}

div {
    text-align: left;
}

.titulo {
    text-align: center;
    font-size: 70px;
    font-style: italic;
    
}