table,
th,
td {
  border: 1px solid white;
  border-collapse: collapse;
}
td > div{
    color: white;
}
tr,
td{
    text-align: center;
    height: 100%;
    padding: 0.4%;
}
#playfield,
#bg {
    width: 100%;
    height: 100%;
}
#localdiv,
#remotediv {
    width: 100%;
    height: 100%;
    float: center;
    padding-top: 1%;
    padding-bottom: 1%;
}
#local,
#remote {
    width: 100%;
    height: 100%;
    table-layout: fixed;
    object-fit: contain;
}
#playfield {
    display: flex;
    flex-direction: column;
}
#bg {
    background-color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -100;
}