/* reset */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul.tree-view a {
  text-decoration: underline;
  color: #00f;
}

#navigation ul.tree-view li {
  line-height: 2rem;
}

img {
  vertical-align: middle;
}

div[hidden="true"] {
  display: none !important;
  visibility: hidden;
}

body, #content-main, ul.tree-view {
  font-size: 1.2rem;

  padding: 1em;
}

/* trash */

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;

  padding: 0;
}

#desktop {
  flex-grow: 1;
  display: flex;
  flex-direction: column;

  background-color: teal;
}
#content-window {
  width: 1024px;
  max-width: 95svw;
  /* min-height: 100svh; */
  margin: 2em auto;
}

@media screen and (max-width: 992px)
{
  #content-window {
    width: 100%;
  }
  #content-window .window-body {
    padding-top: 0.5em;
    height: 80vh;
    overflow: scroll;
  }
}

#content-main {
  padding: 1em;
}
#content-main h1 {
  font-size: 3rem;
  padding-bottom: 1rem;
}
#content-main h2 {
  padding-bottom: 1em;
}
#content-main h3 {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

#content-main.post ul {
  padding-left: 3em;
}
#content-main.post #toc ul {
  padding-left: 16px; /*from tree-view*/
}

#content-main.post img {
  max-width: 80%;
}

#content-main p {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
#content-main p::before {
  content: " ";
  padding-left: 1em;
}

#content-main.post h2,
#content-main.post h3,
#content-main.post h4,
#content-main.post h5,
#content-main.post h6
{
  padding-top: 1em;
}

.t-icon {
  width: 32px;
  height: 32px;
}

#taskbar {
  min-height: 3em;
}
#start-button {
  content: "☰";
  font-size: 3em;
  padding-bottom: 0.15em;
  font-weight: 600;
}