body {
  max-width: 65ch;
  margin: 0 auto;
  padding: 1em clamp(0.8rem, 5vw, 3rem);
  font-size: clamp(16px, 1rem + 0.5vw, 24px);
}
p {line-height: 1.5;}
a.ext::after {content: url("link.svg");}
.flex {display: flex;}
.gap {gap: 1.5em;}
.aic {align-items: center;}
.jcb {justify-content: space-between;}
.jcc {justify-content: center;}
.col {flex-direction: column;}
.fww {flex-wrap: wrap;}
code {font-size: 0.8em;}
pre {overflow-x: auto;}
img {width: 100%;}
header {margin: 3em 0 4em;}
footer {margin-top: 6em;}
.ellipse, .end {
  margin: 2em 0;
  text-align: center;
  font-size: 1.8rem;
}
.ellipse {border: none; color: inherit;}
.ellipse::before {content: "⁂";}
.end {font-weight: bold;}