html {
  font-family: sans-serif;
  font-size: max(3ch, 5vw);
}


body {
  margin: auto;
  display: flex;
  flex-flow: column;
  align-items: center;
  overflow-wrap: anywhere;
}

nav {
  margin: auto;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  min-height: 20vh;
  padding: 1em;
}

a {
  text-decoration-style: dotted;
  text-decoration-thickness: .5ch;
}

:focus {
  outline: thick dotted;
}

menu {
  list-style: circle;
}

li:focus-within {
  list-style: disc;
}

hr {
  border: 0;
  border-top: thick dotted magenta;
}

h1 {
  display: flex;
}

i {
  font: unset;
}

samp {
  border-radius: 100%;
  font-family: inherit;
}