html {
font-family: monospace;
}
body {
max-width: 130ch;
margin: auto;
padding: 1em 1ch;
}
h1 {
margin: 0;
}
nav {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 1em;
}
nav ol {
margin: 1em 1ch 0 0;
padding: 0;
list-style-type: none;
}
nav ol li {
display: inline;
}
nav ol li::before {
content: '/';
}
nav form {
margin-top: 1em;
}
footer {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
footer span[title] {
text-decoration: underline;
text-decoration-style: dotted;
cursor: help;
}