main.timetable-overview {
  grid-area: main;
}

main.timetable {
  grid-column: 1 / span 4;
  padding: 1rem;
  width: 100%;
}

main.timetable nav {
  margin: 2rem 0;
}

main.timetable-overview h1,
main.timetable h1 {
  text-align: center;
}

main.timetable-overview p,
main.timetable-overview ul {
  line-height: 150%;
}

time-table {
  display: grid;
  grid-gap: 0.25rem;
  overflow-x: scroll;
}

timetable-header {
  font-weight: bold;
}

timetable-header.time {
  font-weight: normal;
  height: 3rem;
  padding-top: 1rem;
  transform: rotate(-45deg);
}

timetable-track {
  align-self: center;
}

timetable-event {
  background: #d9d1f1;
  border: 1px solid var(--secondary-color);
  display: block;
  padding: 1px;
  overflow-wrap: break-word;
}