nav#sidebar {
  position: fixed;
  top: 5px;
  left: 5px;;
  width: unset;
  max-height: calc(100vh - 10px);
  background-color: var(--accent-bg);
  border: 1px solid var(--border);
  border-radius: 5px;
  overflow: auto;
  max-width: 90vw;
  z-index: 100;
}

#sidebar button {
  margin-right: 5px;
  margin-left: 5px;
  position: fixed;
}

#main-nav {
  padding-bottom: 2rem;
  padding-top: 3.25rem;
}

#main-nav h4 {
  padding-left: 40px;
}

#main-nav > ol {
  list-style: upper-roman;
}

#main-nav ol ol {
  list-style: upper-latin;
}

#main-nav ol ol ol {
  list-style: decimal;
}

#main-nav ol  ol > li {
  white-space: nowrap;
  padding-right: 2rem;
}

#main-nav ul {
  list-style: none;
}

.hidden {
  display: none;
}

kbd {
  white-space: nowrap;
}

pre code {
  color: var(--preformatted);
}

pre code .selector {
		color: rgb(0, 0, 139);
}

pre code .storage,
pre code .keyword {
  color: rgb(139, 0, 0);
}

pre code .quote {
  color: rgb(140, 0, 90);
}

pre code .number {
	color: rgb(100, 60, 60);
}

pre code .url,
pre code .nscall {
  color: rgb(16, 127, 46);
  font-weight: bold;
}

pre code .string {
	color: rgb(9, 99, 48);
}

pre code .comment {
	color: rgb(112, 112, 112);
}

pre code .boolean {
  color: rgb(178, 3, 175);

}

pre code .variable {
  color: rgb(40, 40, 40);
}

pre code .operator {
  color: rgb(51, 105, 176);
  font-weight: bold;
}

fieldset {
  column-count: 2;
}

form h3, article h3 {
  margin-top: 1rem;
}

fieldset label {
  display: inline-block;
}

input {
  border-color: var(--preformatted);
}