html { margin: 0; padding: 0; background-color: #555555; }
body {
  height: 100%;
  background-color: #555555; color: #999999;
  margin: 0; padding: 0;
  font-family: monospace;
  font-size: .92em;
}

.column hr { border: 1px dotted #494949; }
audio { position: absolute; top: 0; right: 0; background-color: transparent; }
img { max-width: 100%; }
li.site-info { padding: 10px 0; margin-bottom: 12px; border-bottom: 1px dashed #343434; border-top: 1px dashed #343434; }
.fa-slack { color: #333333; }
.fa-download { color: #7ba762; }

#header { margin: 12px 0; padding: 0; width: 100%; }

#container { 
  margin: 0 auto; padding: 0;
  margin-right: 16px;
  display: flex; 
  flex-wrap: wrap;
  justify-content: left;
  flex-direction: row; 
}

#footer {
  background-color: #ace989; color: #676767;
  margin: 0; margin-top: 24px; padding: 0; border-top: 1px solid #555;
  height: 20vh; overflow: hidden;
}
#footer p { max-width: 650px; margin: 1em auto; }
#footer a { color: steelblue; font-weight: bold; }

.column {
  flex: 1;
  position: relative;
  margin: 0 14px;
  padding: 0;
}

@media (max-width: 800px) {
  .column {
    flex: 95%;
  }
  .column hr { border: none; }
}

ul#entries {
 margin: 0; padding: 0;
}
ul#entries li {
  display: inline-block;
}
ul#entries li.dl-img img { width: 24px; height: auto; }
ul#entries li.dl-desc { display: none; }