.historyHeader {
  font-weight: bold;
  font-size: calc(14px + 0.3vw);
  color: #555;
}

caption {
  passing-top: 16px; 
  caption-side: top;
  text-align: left;
  color: #555;
}

.historyTable {
  font-size: calc(5px + 0.5vw);
}

thead.table-light th {
  background-color: #f6f6f6;
}

.historyHeader table {
  color: #555;
  text-align: center;
}

.dark .historyHeader table {
  color: #fff;
  text-align: center;
}

.historyTable td.month, 
.historyTable td.head, 
.historyTable td.year, 
.historyTable td.noaa, 
.historyTable th.month,
.historyTable th.head,
.historyTable th.year,
.historyTable th.noaa {
  color: #555;
  padding: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}

.dark .historyTable td {
  background-color: #000000;
  color: #ffffff;
}

.historyTable .month {
  border-left-width: 1px;
  border-right-width: 1px;
}

.historyTable .year {
  border-left-style: double;
  border-left-width: 4px;
}

h3 small {
  color: #555;
  font-size: 0.6em;
  margin-left: 0.5em;
}

section {
  scroll-margin-top: 74px;
}