@font-face { font-family: "Hoefler Text A"; font-display: swap; } @font-face { font-family: "Hoefler Text B"; font-display: swap; } @font-face { font-family: "Knockout 47 A"; font-display: swap; } @font-face { font-family: "Knockout 47 B"; font-display: swap; } @font-face { font-family: "Knockout 49 A"; font-display: swap; } @font-face { font-family: "Knockout 49 B"; font-display: swap; }  body { font-family: "Hoefler Text A", "Hoefler Text B", serif; font-weight: 400; font-style: normal; }  h1, h2 { font-family: "Knockout 47 A", "Knockout 47 B", sans-serif; font-weight: 400; font-style: normal; }  h3, h4, h5, h6 { font-family: "Knockout 49 A", "Knockout 49 B", sans-serif; font-weight: 400; font-style: normal; }  header{ font-family: "Knockout 49 A", 'Knockout 49 B'; }  footer h2{ font-family: "Knockout 49 A", "Knockout 49 B", sans-serif; font-weight: 400; font-style: normal; }  :root { --scrollbar-size: 12px; --scrollbar-border-radius: 6px; --scrollbar-thumb-color: var(--primary-dark); --scrollbar-thumb-hover: var(--primary-semi-dark); --scrollbar-track-color: var(--primary-ultra-light); }  html { scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color); scrollbar-width: thin; }  ::-webkit-scrollbar { width: var(--scrollbar-size); height: var(--scrollbar-size); } ::-webkit-scrollbar-track { background: var(--scrollbar-track-color); border-radius: var(--scrollbar-border-radius); } ::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb-color); border-radius: var(--scrollbar-border-radius); border: 3px solid var(--scrollbar-track-color); } ::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbar-thumb-hover); }