html {
  max-width: 80ch;
  padding: 1em 0em;
  margin: auto;
  line-height: 2;
  font-size: 1.5em;
  font-family: sans-serif;
}

/* h1,h2,h3,h4,h5,h6 {
  font-family: sans-serif;  
} */

nav > ul {
  margin: 0 0 0 0;
  padding: 0;
  list-style: none; 
  display: block;
}

nav > ul > li {
  margin: 0 1em 0 0;
  padding: 0;
  display: inline-block;
}


p,ul,ol {
  /* margin-bottom: 2em; */
  /* color: #1d1d1d; */
}

img {
  width: 100%; /* Set the images to take the full width of their container */
  height: auto; /* Maintain the aspect ratio of the images */
  display: block; /* Make the images behave as block elements to control their width */
  margin: 1ch 0; 
  /* Add some vertical margin to images */
}

pre
{
  /* background: ; */
  border: 1px solid black;
  border-radius: 1em;
  padding: 1em;
}

code {
  font-family: monospace;
}