*{margin: 0;}
body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
table {width: 100%;
    height: 100vh;
}

td{width: 5%;
height: 5vh;
text-align: center;
padding: 10px;
font-size: 10px;}

td:hover{
    transform: scale(1.5);
    transition: 0.3s;
}

h2{
    font-size: 16px;
}
h1{
    font-family: ;
}
h4{
    font-size: 10px;
}
.verde {background-color: #b3d76a; border: solid;}
.amarelo{background-color: #efe55b; border: solid;}
.laranja{background-color: #f5c95e; border: solid;}
.verdeagua{background-color: #66c4bc; border: solid;}
.cinza{background-color: #a2c6d2; border: solid;}
.ciano{background-color: #05E3E3; border: solid;}
.azul{background-color: #67afde; border: solid;}
.azulclaro{background-color: #a6ddf1; border: solid;}
.vermelho{background-color: #f2b0b0; border: solid;}
.rosa{background-color: #e2bdd8; border: solid;}
.latanideos{background-color: #97d7e1; border: solid;}