*{ margin: 0;}

table{
    width: 100%;
    height: 100vh;
}
.body{
    margin: 0%;
}
.td{
    width: 5%;
    height: 8vh;
}

h2 {
    margin: 0;
}


.elemento{
    width: 5%;
   height: 8vh;
   border: 2px solid;
   border-radius: 10px
}

.verde{
    background-color:#b3d76a;
}

.azul{
    background-color:#3B82F6;
}

.laranja{
    background-color: #f5c95e;
}

.amarelo{
    background-color: #efe55b;
}
.verdeA{
    background-color: #66c4bc;
}
.azulbb{
    background-color: #a7dff3;
}
.azulC{
    background-color: #a2c6d2;
}
.vermelho{
    background-color: #f2b0b0;
}
.roxo{
    background-color: #e2bdd8;
}
.numeros td{
    vertical-align: middle;
    text-align: center;
}
.nm{
    width: 20px;
    height: 20px;
    background-color: #b3d76a;
    border: 1px solid;
    margin-left: 60%;
    display: inline-block;
    border-radius: 5px
}
.gn{
    background-color:#3B82F6;
    border: 1px solid;
    margin-left: 60%;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 5px
}
.ma{
    width: 20px;
    height: 20px;
    background-color: #f5c95e;
    border: 1px solid;
    margin-left: 60%;
    display: inline-block;
    border-radius: 5px
}
.mat{
    width: 20px;
    height: 20px;
    background-color: #efe55b;
    border: 1px solid;
    margin-left: 60%;
    display: inline-block;
    border-radius: 5px
}
.sm{
    width: 20px;
    height: 20px;
    background-color: #66c4bc;
    border: 1px solid;
    margin-left: 60%;
    display: inline-block;
    border-radius: 5px
}
.h{
    width: 20px;
    height: 20px;
    background-color: #a7dff3;
    border: 1px solid;
    margin-left: 60%;
    display: inline-block; 
    border-radius: 5px
}
.om{
    width: 20px;
    height: 20px;
    background-color:#a2c6d2;
    border: 1px solid;
    margin-left: 60%;
    display: inline-block; 
    border-radius: 5px
}
.mt{
    width: 20px;
    height: 20px;
    background-color:#f2b0b0;
    border: 1px solid;
    margin-left: 60%;
    display: inline-block;
    border-radius: 5px
}
.ltn{
    width: 20px;
    height: 20px;
    background-color: #a7dff3;
    border: 1px solid;
    margin-left: 60%;
    display: inline-block; 
    border-radius: 5px
}
.acn{
    width: 20px;
    height: 20px;
    background-color: #e2bdd8;
    border: 1px solid;
    margin-left: 60%;
    display: inline-block; 
    border-radius: 5px
}

.elemento:hover{
    scale: 1.3 ;
}