/*
Color palette:
#12232e
#007cc7
#4da8da
#203647
#eefbfb
*/
body {
  font-family: Open Sans, Arial;
  background: #12232e;
  color: #eefbfb;
}
main {
  display: grid;
  grid-template-columns:
  1fr min(69ch, 100%) 1fr;
}
main>* {
  grid-column: 2;
}
.noscript {
  color: red;
}
#dbbox, #filebox {
  margin: 5px;
}
.greyedout {
  color: grey;
}
.smallprint {
  font-size: 0.9rem;
}
#notification {
  margin-top: 1rem;
}
a, a:visited, a:active, a:focus {
  color: #4da8da;
}
a:hover {
  color: #007cc7;
}
.circular {
  border-radius: 50%;
}
#loggedin {
  font-size: 0.9rem;
  font-style: italic;
}
img.loading {
  vertical-align: middle;
  margin-left: 5px;
  width: 20px;
  height: 20px;
}