*{
    box-sizing: border-box;
}
html{
    font-size: 2vw;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
}
table th,
table td{
    border: 2px #000 solid;
}
table td{
    text-align: center;
}
button{
    cursor: pointer;
}
div#convToImg{
    padding: 1rem;
    display: inline-block;
}

/* ↓↓↓ 以下、画像生成時にテーブルに適用する CSS ↓↓↓*/
div.forImg{
    background-color: #ff0;
}
div.forImg table{
    border: 4px #00f solid;
}
div.forImg th,
div.forImg td{
    font-size: 2rem;
    border: 4px #00f solid;
}