@font-face {
  font-family: 'DejaVu Sans';
  src:  url('/fonts/dejavu-sans-webfont.woff2') format('woff2'),
        url('/fonts/dejavu-sans-webfont.woff') format('woff'),
        url('/fonts/dejavu-sans-webfont.ttf') format('truetype'),
        url('/fonts/dejavu-sans-webfont.svg#dejavu_sansregular') format('svg');
}

html, body {
  box-sizing: border-box;
  font-size: 62.5%;
  height: 100%;
}

body {
  background-color: #eee;
  color: #04042c;
  font-family: "DejaVu Sans", Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 1rem;
}

body::selection {
  color: #eee;
  background: #04042c;
}

i {
  font-style: inherit;
}

a:any-link {
  text-decoration-style: dotted;
  text-underline-offset: 0.5rem;
}

a:link, a:visited { color: #04042c; }

a:hover, a:active { color: #060643; }

a[href="/"] {
  text-decoration: none;
}

aside { float: right; }

.info {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.hidden { color: #eee; }