.table {
  display:grid;
  background-color:white;
  background:black;
  gap:2px 2px;
}
.table-head {
  display:grid;
  font-weight:bold;
  grid-template-columns:subgrid;
  grid-template-rows:subgrid;
  grid-column-start:1;
  grid-column-end:-1;
  //gap:0;
}
.table-body {
  display:grid;
  grid-template-columns:subgrid;
  grid-template-rows:subgrid;
  grid-column-start:1;
  grid-column-end:-1;
}
.table-head .table-cell {
}
.table-cell {
  display:grid;
  align-self:stretch;
  background-color:white;
  justify-self:stretch;
  padding:1ex 1ex;
}
.table-cell > div {
  align-self:center;
  justify-self:center;
  //text-align:center;
}
.table-head .table-cell {
  background-color:#F6CD93;
}
.table-body.odd .table-cell {
  //background:#DBE7D4;
}
.table-body.even .table-cell {
  background:#E9F1E7;
}