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

:focus {
  outline-style: dashed;
  outline-width: thick;
}

a {
  font-weight: bold;
  font-style: normal;
}

sup,
sub {
  float: left;
  font-size: 2em;
  writing-mode: vertical-rl;
}

h1 {
  display: flow-root;
  flex-basis: 50%;
  overflow-wrap: anywhere;
}

body {
  margin: auto;
  margin-inline-start: 1rem;
  padding: 2vmax;
  padding-inline-start: 2vw;
  text-shadow: 5px -3px 0;
}

article {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}

p {
  flex-basis: 50%;
}

address {
  margin-block-start: .333em;
}

ul {
  margin: auto;
  margin-block: 1ex;
  padding: 1vw;
}

ul:last-child {
  margin-block-end: 2em;
}

li {
  margin-inline-start: 3vw;
}