table {
  border: solid 1px;
  background-color: #eeeeee;
  border-spacing: 4px;
  margin: 20px auto 40px auto;
  height: 100%;
}
table th {
  border: solid 1px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  background-color: white;
}
table td {
  border: solid 1px;
  background: #ccccff;
  border-radius: 5px;
  height: 100%;
  text-align: center;
}
table td.empty {
  background-color: white;
}
table td:not(.empty) a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  color: black;
  height: 100%;
}
table td:not(.empty) a:hover {
  background: #aaaaff;
}
table table {
  border: none;
  background-color: #dddddd;
  margin: 0;
}
table table td {
  background: #ccffcc;
}
table table td:not(.empty) a:hover {
  background: #99ff99;
}