html {
  font-family: sans-serif;
  font-size: calc(1em + 1vmin + 2vmax);
}

body {
  padding: 1em;
  display: flex;
  flex-flow: column;
  margin: auto;
}

article { line-height: 1.618 }
ul { list-style: circle }
h1 { margin: 0 }
h2 { font-size: inherit }
p:not(:first-of-type) { margin-block-start: 0 }
p:not(:last-of-type) { margin-block-end: 0 }
:any-link:hover { text-decoration-style: solid }
:any-link { text-decoration-style: dotted }
:focus { outline-width: thick; outline-style: dotted }
a { text-decoration-thickness: .1em }