/* hyde.css - Layout */
.sidebar { text-align: center; padding: 2rem 1rem; color: rgba(255,255,255,.5); background-color: #202020; }
.sidebar a { color: #fff; }
.sidebar-about h1 { color: #fff; margin-top: 0; font-family: "Abril Fatface", serif; }
@media (min-width: 48em) {
  body { font-size: 17px; }
  .sidebar { position: fixed; top: 0; bottom: 0; left: 0; width: 14rem; text-align: left; }
  .content { margin-left: 14rem; max-width: 38rem; padding: 2rem 4rem; }
}
@media (max-width: 48em) {
    .sidebar { position: relative; width: 100%; margin-bottom: 2rem; }
    .content { margin-left: 0; padding: 2rem 1rem; }
}