/* Sidebar */

/* #content { */
/*   max-width: 600px; */
/* } */

#sidebar {
  border-radius: 10px;
  background: var(--sidebar-bg);
  padding: 15px 5px 15px 20px;
}

nav.sidebar {
  border-radius: 10px;
  overflow-y: auto;
}

@media only screen and (min-width: 900px) {
  nav.sidebar {
    position: fixed;
    left: max(10px, calc(50% - 350px - 250px));
    top: 30px;
    bottom: 20px;
    width: 240px;
  }
  #content {
    margin-left: max(250px, calc(50% - 350px));
  }
}