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

body {
  margin: 0;
  overflow-wrap: anywhere;
}

a:nth-child(odd) {
  font-family: fantasy;
}

article {
  contain: layout;
  margin: 1ch;
}

nav,
h1 {
  contain: layout;
  display: inline-block;
  font: inherit;
  font-weight: bold;
  line-height: 1.618;
  margin: 0;
}

samp {
  cursor: zoom-in;
  font-weight: bold;
  line-height: 1.236;
  margin-inline: 1ch;
}

samp:active {
  cursor: zoom-out;
  word-spacing: 1ch;
}

:focus {
  outline: thick dotted;
}

:hover {
  text-decoration-style: double;
}