body {
  background: #171719;
  padding: 0;
  margin: 3vmin 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Georgia", serif;
}

nav, h1, h2, h3, h4, h5 { font-family: "Verdana", sans-serif }
h1, h2, h3, h4, h5, b, a, strong { color: #ddf }
p, header span, main nav > * { color: #ccd }
small, li, figcaption { color: #aab }
header a:hover, p a { color: #3ce }
p a:visited { color: #29b }

main nav a:hover {
  color: #000 !important;
  background: #3ce;
}

hr {
  width: 100%;
  margin: 1em 0; 
  border-color: #ccd
}

header nav { margin: 0.4em 0 }

main nav > * { width: 48%; margin-top: 2em }

main nav a {
  max-width: 100%;
  display: block;
  border: 0.1em solid #ccd;
  padding: 1em;
  text-decoration: none;
}

h1 { font-size: 3.7em; margin: 0 }
header nav * { font-size: 1.3em }
header span { margin: 0 0.6em; }

header, main, footer {
  width: 50em;
  max-width: 90vw;
}

header hr { margin: 1em 0 0 0; }

nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

p {
  text-indent: 3em;
  text-align: justify;
}

img { width: 100%; }

figure {
  margin: 0;
  align-self: center;
  text-align: center;
  font-style: italic;
}

footer {
  margin: 1em 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}