body {
  background-color: #000;
  color: #d00;
  font-family: sans-serif;
  font-size: 85%;
}

table {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}

td { 
  vertical-align: top;
  padding: 5px;
}

th { 
  vertical-align: top;
  padding: 5px;
}

img {
  border: 1px solid #800;
  vertical-align: bottom;
}

img.inv { 
  border-color: #7ff;
  filter: invert(1);
}

h1 {
  margin-top: 0em;
  margin-bottom: 0.1em;
}

div.clock {
  float: right;
  padding-right: 4%;
  text-align: left;
  font-family: monospace;
  font-size: 28pt;
}

pre.camtime {
  font-size: 20pt;
  text-align: left;
  margin: 0em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  padding-left: 1em;
  padding-right: 1em;
}

.nowrap { white-space: nowrap; }

a { color: #b00; }
a:hover {
  background-color: #b00;
  color: #000;
}

p.metar {
  display: inline;
  margin: 0pt;
  padding: 0pt;
  color: #bb0;
}

.tempsnow {
  width: 21%;
  font-size: 2vw;
  display: inline-block;
  vertical-align: top;
  /*border: 1px white solid;*/
  padding-left: 0.3em;
}

.tempsnow img {
  border: none;
  filter: invert(1);
  display: inline;
  vertical-align: baseline;
}