body {
  font-size: calc(0.8rem + 0.3vw);
  padding: 0 0 0 18em;
  background: light-dark(hsl(230, 18%, 100%), hsl(230, 18%, 17%));
}

body > header, body > footer {
  display: none;
}

body > * {
  margin: 0;
  padding: 2em 6em;
  max-width: 50em;
  box-shadow: none;
}

aside {
  display: flex !important;
  flex-direction: column;
  position: fixed;
  width: 18em;
  padding: 2em 0;
  top: 0;
  bottom: 0;
  left: 0;
  background: hsl(230, 18%, 14%);
  color: hsl(230, 18%, 100%);
  border-right: 1px solid hsl(230, 18%, 22%);
}

aside nav {
  margin: 0;
  flex-grow: 1;
}
aside nav a {
  display: block;
  font-weight: inherit;
  margin: 0;
  padding: 0.6em 2em;
  border-radius: 0;
  word-wrap: break-word;
}
aside nav a:hover, aside nav a.selected {
  background: hsl(230, 18%, 20%);
  color: inherit;
}
aside nav svg {
  margin: 0 1em 1px 0;
}

aside footer {
  padding: 1em 2em;
}

/*# sourceMappingURL=sidebar.css.map */