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 {
    width: 100%;
    height: 100%;
}
#localdiv,
#remotediv {
    width: 70%;
    height: 70%;
    float: center;
    padding-top: 1%;
    padding-bottom: 1%;
}
#localauxdiv,
#remoteauxdiv {
    width: 25%;
    height: 25%;
    float: center;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
}
#local,
#remote {
    width: 100%;
    height: 100%;
    table-layout: fixed;
    object-fit: contain;
}
#localaux,
#remoteaux {
    width: 100%;
    height: 100%;
    table-layout: fixed;
    object-fit: contain;
}
#playfield {
    display: flex;
    flex-wrap: wrap;
}
body{
    background-color: black;
}