body {
  text-align: center;
  font-family: sans-serif;
}

table {
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #bfbfbf;
  text-align: center;
  padding: 8px;
}

tr.unavailable {
  background-color: #ffa3a3;
}

tr.unknown {
  background-color: #ffcca3;
}

tr.available {
  background-color: #a8ffa3;
}

ul {
  list-style-type: none;
  text-align: center;
  display: inline;
}