html{
    font-size: 62.5%;
}


  
body {
    font-family: Arial, sans-serif;
   margin: 20px;
}



/* CSS */

.header {
    display: flex;
    justify-content: space-evenly;
}

.container{
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 1rem;
}
.tabela{
font-size: 2rem;
background-color: #008756;
padding: 10px;
text-align: center;
}
@keyframes bounce{
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100%{
        transform: scale(1);
    }
}

.a1{
    background-color: white;
    padding: 0rem;
    animation: bounce 2s infinite  ;

    
}
.a2{
    background-color: white;
    font-size: 3rem;
    line-height: 7rem;
    padding: 0rem;
}
.a3, .a4{
    background-color: #fff;
}

.a5, .a6, .a9, .a10, .a13, .a14, .a17, .a18, .a21, .a22, .a25, .a26, .a29, .a30, .a37, .a38, .a43, .a44, .a49, .a50,.a53, .a54,.a57, .a58, .a61, .a62, .a65, .a66, .a69, .a70, .a73, .a74, .a77, .a78, .a81, .a82, .a85, .a86 {
    background-color: #dcd3d3;
}
.a33, .a34, .a39, .a40, .a47, .a48, .a67, .a68, .a75, .a76, .a79, .a80{
    background-color: #B4B984;
}
.a87{
    background-color: #fff;
}












.botao {
    display: inline-block;
    background-color: #008CBA;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.botao:hover {
    background-color: #005f73;
}

.a87 {
    display: flex;
    justify-content: space-evenly;
}