/* vim: ft=css:ts=2:sw=2
*/
@font-face {
  font-family: "Terminus";
  src: url("/f/TerminusTTF.ttf");
  font-display: optional;
}

* {
  box-sizing: border-box;
}

html, body {
  background-color: THEME_BG;
  color: THEME_FG;
  margin: 0;
  padding: 0;
  font-size: 16px;
  width: 100%;
}

code {
  white-space: pre;
}

* {
  font-family: "Terminus (TTF)", "Terminus";
  font-smooth: never;
}

main {
  width: 640px;
  margin: 16px auto;
  margin-bottom: 100px;
}

.faint {
  color: THEME_FG_FAINT;
}

a.faint {
  cursor: not-allowed;
}

section {
  width: 100%;
  border-left: 2px solid THEME_BORDER;
  margin-bottom: 16px;
}

section p {
  margin: 8px 16px;
}

header {
  width: 100%;
  background: THEME_BORDER;
}

header h2 {
  margin: 0;
  padding: 2px 0px 2px 16px;
  color: THEME_HIGHLIGHT;
}

header h2::before {
  content: ">\a0";
  display: inline-block;
}

table {
  border-spacing: 0;
}

td, th {
  padding: 0px 0px 0px 16px;
  text-align: left;
  vertical-align: top;
}

tr:hover {
  background: THEME_BORDER;
}

a, a:visited { color: THEME_HIGHLIGHT; }

ul {
  list-style-type: none;
}

li::before {
  content: "> ";
}

@media (max-width: 640px) {
  main {
    width: 100%;
    margin: 0px;
  }
}