body {
  font-family: Arial, sans-serif;
  margin: 20px;
}

/* Light mode */
@media (prefers-color-scheme: light) {
  body {
    background: white;
    color: black;
  }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  body {
    background: #121212;
    color: #e0e0e0;
  }
}

.stop {
  margin-bottom: 20px;
}

.stop h2 {
  margin: 0 0 10px 0; 
}

.eta {
  margin-left: 20px;
}

table {
	border-collapse: collapse;
}

td {
  padding-left: 5px;
  padding-right: 5px;
}

td.time-cell {

}

td.diff-cell {
  text-align: right;
}

td.route-cell {
  text-align: left;
}

#progress-bar {
  height: 100%;
  width: 100%;
  background: #72b3f9;
  transition: width 10s linear;
}