*{margin: 0;}
table{
    border-collapse: collapse;
    width: 100%;
    height: 100vh;
}
td{
    
    padding: 8px;
    width: 5%;
    height: 5vh;


}
td:hover{

    transform: scale(1.5);
    transition: 0.3s;
}

h2{
    margin: 0;

}
 .verde{background-color: forestgreen;border: 1px solid;}
 .laranja{background-color: chocolate;border: 1px solid;}
 .amarelo{background-color: gold;border: 1px solid;}
 .rosa{background-color: #CC415C;border: 1px solid;}
 .cinza{background-color: #3E4F47;border: 1px solid;}
 .ceuazul{background-color: #227062;border: 1px solid;}
 .azulclaro{background-color: #2BB5B5;border: 1px solid;}
 .azulescuro{background-color: #2B3ACF;border: 1px solid;}
 .azulclarin{background-color: #02F7F7;border: 1px solid;}
 .rosac{background-color: #CF80B5;border: 1px solid;}

 body{
    text-align: center;
 }