:root {
    --text-main: #111111;
    --focus: #bbbbbbbb;
}

@media (min-width:0em) {
    body {
        font-size: calc(1em + .0100*(100vw - 35em))
    }
}

@media (min-width:45em) {
    body {
        font-size: 1.1em
    }
}

body {
    font-family: 'PT Serif', serif;
    line-height: 1.5;

    max-width: 40em;

    color: var(--text-main);
}

nav ul {
    padding: 0;
    list-style-type: none;
}

nav ul li {
    display: inline;
    margin-right: 1em;
}

footer {
    font-size: 0.8em;
}

blockquote , q{
    border-left-color: var(--focus);
  }