@import "markdown.css";

:root {
  --max-width: 900px;
}

main {
  max-width: var(--max-width);
}

/* Filetree */
aside {
  float: left;
  margin-left: 20px;
  position: sticky;
  top: 0;
}

aside ul {
  list-style: none;
  padding-left: 0.6em;
}

aside li {
  position: relative;
}

/* Element */
aside li:before {
  content: "";
  position: absolute;
  top: -0.2em;
  left: -1em;
  height: 1em;
}

aside li.collapsed > ul {
  display: none;
}

aside li.directory::before {
  content: "+";
}

aside li:not(.collapsed).directory::before {
  content: "-";
}

aside li.directory {
  cursor: pointer;
}

@media print {
  aside {
    display: none;
  }
}

main img {
  max-width: 100%;
}