*{
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    text-align: center;
}

table{
    position: relative;
    left: 50vw;
    top: 50vh;
    transform: translate(-50%,-50%);
}

th{
    width: 5vh;
    height: 5vh;
    background-color: black;
    color: white;
}

td{
    width: 10vw;
    height: 10vw;
    max-width: 300px;
    max-height: 300px;
    font-size: 100pt;
}


#A1{background-color: yellow;}
#A2{background-color: blue;}
#A3{background-color: greenyellow;}
#B1{background-color: red;}
#B2{background-color: orange;}
#B3{background-color: wheat;}
#C1{background-color: gray;}
#C2{background-color: magenta;}
#C3{background-color: brown;}


.disabled{
    pointer-events: none;
}