table {
  width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 900px) {
  table {
    width: 80%;
  }
}

th {
  font-family: "Arnold Regular", monospace;
  font-size: 0.85rem;
  color: #0000ff;
  font-variant-caps: small-caps;
  text-transform: lowercase;
  text-align: left;
  border-top: none;
  padding: 0.15rem 0 0.35rem 0;
}

td {
  border-top: 1px solid black;
  padding: 0.15rem 0 0.35rem 0;
}

.sleeping:hover {
  text-decoration: none;
}

.sleeping:active {
  color: #0000ff;
}

span.ongoing {
  color: #0000ff;
}

.verySmall {
  display: table-cell;
}
@media (min-width: 600px) {
  .verySmall {
    display: none;
  }
}

.notSoSmall {
  display: none;
}
@media (min-width: 600px) {
  .notSoSmall {
    display: table-cell;
  }
}

.leftColumn {
  font-family: "Arnold Regular", monospace;
  font-variant-caps: small-caps;
  text-transform: lowercase;
  font-size: 0.8rem;
  width: 30%;
}
@media (min-width: 600px) {
  .leftColumn {
    width: 5rem;
    font-size: 0.85rem;
  }
}

.rightColumn {
  width: 70%;
}
@media (min-width: 600px) {
  .rightColumn {
    width: 15rem;
    font-size: 0.85rem;
  }
}