body {
        position: relative;
        background-color: #1C0A0C;
        color: #C22;
        font-family: 'Audiowide', cursive, Helvetica;
        padding-bottom: 3em;
      }

      a:link {
        /* This whole site looks like A55 anyway... */
        color: #A55;
      }

      a:visited {
        color: #A5A;
      }

      h1, h2 {
        font-size:   8vw;
        font-size:   min(10vh,8vw);
        width:       100%;
        font-weight: bold;
        text-align:  center;
      }

      h2 {
        margin-top: -2.5em;
        font-size: 2vw;
        font-size: min(3vh,2vw);
      }

      #navigation {
        width: 100%;
        text-align: center;
        font-size: 2vh;
        margin-top: -0.5em;
      }

      #content {
        width: 90%;
        margin-left: 5%;
        margin-top:  1em;
        background-color: #666;
        border: 1px solid #600;
        text-align: center;
        font-family: Serif;
      }

      #article {
        width: 50%;
        min-width: 30em;
        max-width: 100%;
        margin: 4em auto;
        font-size: 1em;
        font-family: Serif;
        color: #CCC;
      }

      #content .item {
        background-color: #1C0A0C;
        color: #FCC;
        display: inline-block;
        margin: 1em;
        padding: 1em;
        text-align: center;
        vertical-align: top;
        display: inline-flex;
        align-items: stretch;
        max-width: calc(100% - 4em);
        flex-wrap: wrap;
        justify-content: center;
      }

      #message {
        text-align: center;
        height:     10em;
        padding:    2em;
        color:      black;
        font-style: italic;
        font-family:serif;
      }

      #content .item .subitem {
        display: inline-block;
        width: 0vw;
        max-width: 0vw;
        overflow: hidden;
        height: 0px;
        max-height: 0em;
        transition: width 0.2s ease 0.1s,
                    max-width 0.2s ease 0.1s,
                    border-width 0.2s ease 0.2s,
                    max-height 0.2s ease 0.2s,
                    padding 0.2s ease 0.1s;
        vertical-align: top;
        display: flex;
      }

      #content .item:active .subitem, 
      #content .item:focus-within .subitem, 
      #content .item:visited .subitem
      #content .item:hover .subitem, 
      #content .item .main {
        display: inline-block;
        width: 25vw;
        min-width: 10em;
        max-width: 15em;
        height: auto;
        max-height: 100em;
        border: 1px solid #CCC;
        padding: 1em;
        transition: width 1s ease-in 0.2s,
                    border-width 1s ease-in 0.2s,
                    max-height 0.5s ease 0.7s,
                    padding 1s ease-in 0.2s;
        margin-left: 1em;
        margin-top: 1em;
      }

      #content .item .main {
        margin-left: 0em;
      }

      #content #note {
        font-weight: bold;
        color: black;
      }

      #content .item .timestamp {
        font-style: italic;
      }

      #badges {
        position: absolute;
        bottom: .5em;
        right: .5em;
      }

      #badges a {
        font-size: 2em;
        text-decoration: none;
        font-weight: bold;
        font-family: "Audiowide";
        padding: 0.1em;
        vertical-align: middle;
        color: white;
      }

      #badges a img {
        height: 0.8em;
        vertical-align: middle;
      }

      #content .item img {
        width: 100%;
      }

/* latin-ext */
@font-face {
  font-family: 'Audiowide';
  font-style: normal;
  font-weight: 400;
  src: local('Audiowide'), local('Audiowide-Regular'), url(/Audiowide-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Audiowide';
  font-style: normal;
  font-weight: 400;
  src: local('Audiowide'), local('Audiowide-Regular'), url(/Audiowide-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}