@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro|Source+Sans+Pro|Source+Serif+Pro&subset=latin-ext");
html {
  font-size: 17.5px;
  line-height: 20px;
  font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, "DejaVu Sans", sans-serif;
  letter-spacing: 0.01em; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Source Serif Pro", Georgia, Times, "Times New Roman", "DejaVu Serif", serif; }

listing, xmp, pre, plaintext, tt, code, kbd, samp {
  font-family: "Source Code Pro", "Lucida Console", "Lucida Sans Typewriter", Monaco, "DejaVu Sans Mono", monospace;
  font-size: 95%; }

/** HSV (HSB) for CSS */
body {
  background: #16162b;
  background: linear-gradient(0deg, #0f0f1f 0%, #16162b 100%);
  color: #ededed;
  margin: 0; }

h1 {
  margin: 2em 0;
  font-size: 220%;
  text-align: center; }

h2 {
  margin: 2em 0 1em 0; }

h3 {
  margin: 2em 0 0em 0; }

h4 {
  margin: 1.5em 0 0em 0; }

:link {
  color: #9595ff; }

:visited {
  color: #b777de; }

:link:active, :visited:active {
  color: #f66; }

body > section, body > div, body > p, #header > section, #header > div, #header > p, #footer > section, #footer > div, #footer > p {
  margin: auto;
  max-width: 45em;
  padding-left: 0.2em;
  padding-right: 0.2em; }

#header, #footer {
  max-width: unset; }
  #header > *, #footer > * {
    text-align: justify; }

section > p, div > p {
  text-align: justify; }

#header {
  background: #031b26;
  color: #78c8f0;
  border-bottom: 1px solid #1a303b;
  margin-bottom: 2em;
  gap: 1em;
  padding: 1em 0 1em 0; }
  #header .-flexrow {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    #header .-flexrow a {
      font-size: 90%;
      text-decoration: none;
      color: inherit; }
      #header .-flexrow a:hover {
        text-decoration: underline; }
      #header .-flexrow a:first-child {
        font-size: 125%;
        font-family: "Source Serif Pro", Georgia, Times, "Times New Roman", "DejaVu Serif", serif; }

#footer {
  background: #212121;
  color: #dedede;
  border-top: 1px solid #333333;
  margin-top: 3em;
  gap: 1em;
  padding: 1em 0 1em 0; }
  #footer .-flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    #footer .-flex .-flexcol {
      display: flex;
      flex-flow: column nowrap; }
      #footer .-flex .-flexcol strong {
        border-bottom: 0.5px solid #888; }
      #footer .-flex .-flexcol * {
        margin-bottom: 0.5em; }
        #footer .-flex .-flexcol *:first-child {
          padding-top: 1em;
          min-width: 11em;
          padding-bottom: 0.5em;
          margin-bottom: 1em; }
    #footer .-flex a {
      font-size: 90%;
      text-decoration: none;
      color: inherit; }
      #footer .-flex a:hover {
        text-decoration: underline; }
    #footer .-flex.-links {
      border-bottom: 0.5px solid #888;
      padding-bottom: 2em; }
    #footer .-flex.-legal {
      padding-top: 1em; }
      #footer .-flex.-legal > * {
        font-size: 90%; }
      #footer .-flex.-legal a {
        text-decoration: underline; }

figure {
  text-align: center; }
  figure figcaption {
    font-size: 92%;
    font-style: italic;
    color: #b8b8b8; }
    figure figcaption :link:active, figure figcaption :visited:active,
    figure figcaption :link, figure figcaption :visited {
      color: inherit; }

a.figurelink {
  text-decoration: none; }

h2 .newsdate, h3 .newsdate, h4 .newsdate, h5 .newsdate, h6 .newsdate {
  color: #b8b8b8;
  font-size: 90%; }

section#history ~ section h2 {
  margin-bottom: 0; }
section#history ~ section h2 + p {
  margin-top: 0.5em; }

#page-news h2, #page-news h3, #page-news h4, #page-news h5, #page-news h6 {
  line-height: 1.1em; }
  #page-news h2 .newsdate, #page-news h3 .newsdate, #page-news h4 .newsdate, #page-news h5 .newsdate, #page-news h6 .newsdate {
    float: right; }

#page-index #AnklangSnap01 + img {
  max-width: 100%;
  margin: auto; }
#page-index figure#stw-screencast1 {
  margin: 0 auto; }
  #page-index figure#stw-screencast1 img {
    border: 3px #777 solid;
    max-width: 100%; }

/*# sourceMappingURL=styles.css.map */