/* BEGIN Typography */
/* Webfont: PiekosToonsBB */@font-face {
    font-family: 'PiekosToonsBB';
    src: url('fonts/PiekosToonsBB.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/PiekosToonsBB.woff') format('woff'), /* Modern Browsers */
         url('fonts/PiekosToonsBB.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: PiekosToonsBB-Bold */@font-face {
    font-family: 'PiekosToonsBB';
    src: url('fonts/PiekosToonsBB-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/PiekosToonsBB-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/PiekosToonsBB-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/* Webfont: PiekosToonsBB-Italic */@font-face {
    font-family: 'PiekosToonsBB';
    src: url('fonts/PiekosToonsBB-Italic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/PiekosToonsBB-Italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/PiekosToonsBB-Italic.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: PiekosToonsBB-BoldItalic */@font-face {
    font-family: 'PiekosToonsBB';
    src: url('fonts/PiekosToonsBB-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/PiekosToonsBB-BoldItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/PiekosToonsBB-BoldItalic.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: italic;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

body {
    font-family: var(--Humanist), sans-serif;
    font-weight: normal;
  }
  
  h1,
  h2,
  h3,
  .posts a:link,
  article.story {
    font-family: var(--Old-Style), serif;
  }
  
  h1 {
      font-size: clamp(1.8rem, 3rem, 10vw);
      font-family: PiekosToonsBB;
  }
  
  h2 {
    font-family: PiekosToonsBB;
    font-size: clamp(1.5rem, 2rem, 8vw);
    font-weight: normal;
  }
  
  h3 {
    font-variant: all-petite-caps
  }
  
  code {
    font-family: var(--Monospace-Code), monospace;
  }
  
  aside, blockquote p, cite, em, time, .summary {
    font-family: var(--Old-Style), serif;
  }
/* END Typography */