body {
     margin: 1em auto;
     max-width: 40em;
     padding: 0 .62em 3.24em;
     font: 1rem/1.62 sans-serif;
}
 h1 {
     font-size: 1.5rem;
     line-height: 1.2;
}
 h2 {
     font-size: 1.2rem;
     line-height: 1.2;
}
 nav {
     ul {
         list-style: none;
         padding: 0;
    }
     ul li {
         display: inline-block;
         margin: 0 15px 0 0;
    }
     a {
         color: inherit;
    }
}
 pre {
     border: 1px solid #6c6c6c;
     border-radius: 5px;
     padding: 10px;
     overflow-x: auto;
}
 code {
     font-size: 1rem;
}
 hr {
     height:1px;
     background:#6c6c6c;
     border:0 
}
@media (prefers-color-scheme: dark) {
    body {
        background: #000;
    }
}