@font-face {
  font-family: "Orbitron Medium";
  src: url("fonts/orbitron/orbitron-medium.otf"); }

@font-face {
  font-family: "Orbitron Light";
  src: url("fonts/orbitron/orbitron-light.otf"); }

@font-face {
  font-family: "Orbitron Bold";
  src: url("fonts/orbitron/orbitron-bold.otf"); }

@font-face {
  font-family: "Orbitron Black";
  src: url("fonts/orbitron/orbitron-black.otf"); }

body {
  font-family: "DejaVu Sans";
  font-weight: 400; }

main, article {
  margin: auto;
  padding: .5ch; }

main, article, p, img, h1, h2, h3, h4, h5 {
  max-width: 75ch; }

pre {
  display: block;
  overflow: auto;
  padding: 1ch; }

blockquote {
  font-style: italic; }

article > .meta {
  margin: auto 2ch; }

article > h1 {
  text-align: center; }

header > h1 {
  font-family: "Orbitron Light"; }

header, footer {
  text-align: center; }

li a, header a, header a:hover {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

h1, h2, h3, h4, h5 {
  font-family: "Orbitron Medium";
  font-weight: 500; }

h1 {
  text-align: center; }

footer {
  clear: both;
  margin-top: 2em;
  border-top: 1px dotted;
  padding: 1em 0; }

fieldset {
  border: .5mm dashed; }

fieldset > p {
  margin: .5em auto;
  padding: .5em;
  float: left; }

label {
  margin: .2em;
  display: block; }

input, textarea {
  display: block;
  border: none;
  border-bottom: .5mm solid;
  min-width: 100%; }

textarea {
  border: .5mm solid;
  width: 80ch;
  height: 40ch;
  display: block-inline;
  clear: both; }

button {
  clear: both;
  display: block;
  margin: 1em auto;
  border: .5mm solid; }

.topics > li {
  list-style-type: none;
  text-transform: capitalize; }

ul.listing {
  padding: 0 1ch; }

.listing > li {
  list-style-type: none;
  text-transform: none;
  padding: 4px;
  margin-bottom: .5em; }

.listing p {
  padding: 0;
  margin: 0; }

body {
  background-color: WhiteSmoke; }

body, a, header a:visited {
  color: #191B22; }

pre {
  border-left: .5ch solid SteelBlue; }

code, pre {
  background: WhiteSmoke; }

a {
  color: SteelBlue; }

.abstract, .meta {
  color: #909090; }

article, .listing > li {
  background-color: rgba(100, 100, 100, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2); }

.pipe {
  opacity: .3; }