body {
  padding: 10px;
  margin: 0px;
}
h1, h2, p {
  font-family: system-ui;
}
code {
  margin: 10px 0px;
  display: block;
}
.webfont {
  color: blue;
  border: 1px solid blue;
}
.fallback {
  border: 1px solid red;
  color: red;
}
.example {
  margin: 10px 0px;
}
.layered {
  display: grid;
  grid-template: 1fr / 1fr;
  place-items: start;
}
.layered > * {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
}
.webfont,
.fallback {
  font-size: 100px;
  white-space: pre;
}