/* Original typography, delivered with the page rather than installed locally. */
@font-face {
  font-family: "Buffied";
  src: url("/buffied.woff2") format("woff2"), url("/buffied.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Sherwood";
  src: url("/sherwood.woff2") format("woff2"), url("/sherwood.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
/* Frames cannot rely on IE's implicit transparent canvas. */
html[data-legacy-background] {
  min-height: 100%;
  background-color: #000;
  background-image: url("/background.jpg");
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: var(--legacy-background-x, 0px) var(--legacy-background-y, 0px);
}
html[data-legacy-background] body {
  background-color: transparent;
  background-image: none;
}
/* Font choices are opt-in, including when a matching font is installed locally. */
font[face*="buffied" i], font[face*="sherwood" i] {
  font-family: "Comic Sans MS", cursive;
}
html[data-font-buffied] font[face*="buffied" i],
html[data-font-buffied] button[data-font-enable="Buffied"] {
  font-family: "Buffied", "Comic Sans MS", cursive;
}
html[data-font-sherwood] font[face*="sherwood" i],
html[data-font-sherwood] button[data-font-enable="Sherwood"] {
  font-family: "Sherwood", "Comic Sans MS", cursive;
}
button[data-font-enable] {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}
button[data-font-enable]:focus-visible {
  outline: 1px dotted currentColor;
  outline-offset: 3px;
}

button[data-font-enable]:disabled { opacity: 1; cursor: default; text-decoration: none; }
