html {
    height: 100%;
    background: #d7d0b6 ;
    align-items: center;
    font-size: larger;
    font-family:  -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif
}
.cal_game {
    width: 80vw;
    margin: 0 auto;
}

table {
    margin: 0 auto;
}

th {
    width: 20vw;
    height: 8vw;
    text-align: center;
    /* line-height: 40px; */
    border: 1px solid #2b7e71;
    font-weight: normal;
}

td {
    width: 50vw;
    height: 8vw;
    text-align: center;
    /* line-height: 40px; */
    border: 1px solid #2b7e71;
}

/* .btn {
    width: 150px;
    height: 50px;
    color: #2b7e71;;
    border: 1px solid #2b7e71;
    background-color: transparent;
}

.btn:hover {
    background-color: #2b7e71;
    color: #fff;
    cursor: pointer;
} */

input {
    height: 99%;
    width: 98.5%;
    border: 1px solid #999999;
    background-color: transparent;
    text-align: center;
    touch-action: manipulation;
    font-size: large;

}

/* input:hover {
    border: 3px solid #314834;

} */