@font-face {
  font-family: "Zilla";
  src: url('../fonts/zilla/ZillaSlab-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Zilla";
  src: url('../fonts/zilla/ZillaSlab-Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-family: "Zilla";
  src: url('../fonts/zilla/ZillaSlab-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: bold;
}

.page {
    grid-template-columns: minmax(0, 1fr) 15rem; /* Default: minmax(0, 1fr) 15rem */
}
blockquote {
  background: var(--inner-bg);
  border-left: 4px solid var(--hover);
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  border-radius: 4px;
}

blockquote > p {
  font-style: normal;
  color: var(--off-fg);
  font-weight: normal;
  font-family: "Zilla", serif;
}