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

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

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

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

body {
  font-family: "Sans";
  font-weight: 100;
  background-color: #00141E;
  color: #99C2D8; }

body, body > *, article > * {
  margin: auto; }

p, pre {
  margin: 1em auto;
  text-align: justify;
  text-justify: inter-word; }

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

pre {
  display: block;
  max-width: 80ch;
  overflow: scroll; }

.timeline {
  max-width: 210mm; }

.timeline > li {
  position: relative;
  overflow: hidden; }

.timeline > li time {
  float: left;
  width: 12ch;
  text-align: center;
  vertical-align: middle; }

.timeline > li div {
  float: left;
  padding: 0 0 1em 2ch;
  max-width: 60ch;
  border-left: 1mm solid; }

.abstract {
  opacity: .5; }

.topics > li {
  display: inline;
  margin-right: 2ch; }

.topics {
  overflow: visible;
  display: block;
  clear: both;
  text-align: center; }

details, header > h1 {
  margin-bottom: 1em #034060; }

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

details, details > * {
  display: block; }

header, footer, details, details > * {
  text-align: center; }

a {
  color: #D6F6AA;
  text-decoration: none; }

a:visited {
  color: #d6f6aa; }

header a {
  text-decoration: none;
  color: #99C2D8; }

header a:visited {
  color: #99C2D8; }

h1, h2, h3, h4, h5 {
  font-family: "Orbitron Medium";
  text-align: center;
  font-weight: 100;
  margin: 1em auto; }

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

fieldset {
  border: 0.5mm dashed #034060; }

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

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

input, textarea {
  display: block;
  color: #99C2D8;
  background-color: #00141E;
  border: none;
  border-bottom: 0.5mm solid #034060;
  min-width: 100%; }

textarea {
  border: 0.5mm solid #034060;
  width: 80ch;
  height: 40ch;
  display: block-inline;
  clear: both; }

button {
  clear: both;
  display: block;
  margin: 1em auto;
  color: #99C2D8;
  background-color: #034060;
  border: 0.5mm solid #034060; }