body {
   background: #090909;
   color: ghostwhite;
   margin: 1em auto;
   max-width: 720px;
   padding: 0em 1em;
   font-family: monospace;
   font-size: 10pt;
   text-align: justify;
}

a {
   color: darkorange;
}

ul {
   list-style-type: "-> ";
}

header hgroup {
   display: none;
}

nav {
   width: 100%;
   text-align: center;
   font-weight: bold;
}

nav#categories {
   font-weight: normal;
}

nav ul {
   list-style: none;
   padding-left: 0;
}

nav ul li {
   display: inline;
}

nav ul li::after {
   content: ' | ';
}

nav#categories ul li::after {
   content: ', ';
}

nav ul li:last-child::after,
nav#categories ul li:last-child::after,
nav#categories ul li:first-child::after {
   content: '';
}

main {
   border: 2px double ghostwhite;
   padding: 2em;
}

img {
   max-width: 100%;
   height: auto;
}

body > footer > address {
   margin-top: 0.5em;
   font-size: 0.7em;
   text-align: center;
}

main > article > footer {
   font-size: 0.8em;
}

main > article > footer > p {
   margin: 0;
}

@media only screen and (max-width: 900px) {
   body {
      width: 87%;
   }
}