html {
  font-size: calc(1em + 0.5vw);
}

thead,
tbody {
  display: contents;
}

[data-cell='hour-title'] {
  padding-bottom: 1em;
  text-align: left;
}

[data-cell='temp-value'] {
  text-align: center;
}

body {
  display: grid;
  min-height: 100vh;
  max-width: unset;
}

table {
  display: grid;
  grid: auto 1fr / 1fr;
}