@import "tailwindcss";

main {
  margin: auto;
  max-width: 46rem;
  padding: 2rem 1rem;
  font-size: 19px;
}

p {
  margin: 0px 0px 1.2em 0px;
}

h2 {
  margin: 2em 0em 0.8em 0em;
}

h3 {
  margin: 1.2em 0em 0.6em 0em;
}

ul,
ol {
  padding: 0em 1.5em;
}

footer {
  margin-top: 3em;
  text-align: center;
}

pre {
  font-size: 0.8em;
  padding: 12px 16px;
  overflow: auto;
  white-space: pre;
  border-radius: 9px;
}

@media (min-width: 800px) {
  main {
    margin-left: 14em;
  }

  .toc {
    position: fixed;
    left: 1.5em;
    top: 3em;
    width: 16em;
    font-size: 0.9em;
  }
}

@media (min-width: 1000px) {
  main {
    margin-left: 18em;
  }
}