body {
    font-family: sans-serif;
    font-size: 14px;
    display: grid;
    grid-template-columns: 1em 1fr 8em 1em;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: 
    ". header header ."
    ". main sidebar . "
    ". footer footer .";
    height: 100%;
    padding: 0;
    margin: 0;
    background: #fdfde6;
    colour: #4f4f41;
}
header { grid-area: header; }
main { grid-area: main; }
nav { grid-area: sidebar; }
nav > ul {
    position: fixed;
}
nav ul {
    padding-left: 1.5em;
    width: 6em;
}
footer { font-size: 80%; grid-area: footer; }
pre {
    border: 1px solid #666;
    background: #eee;
}