/* https://www.fluid-type-scale.com/calculate */
:root {
  --font-size-base: clamp(1rem, 0.26vw + 0.95rem, 1.19rem);
  --font-size-sm: clamp(0.8rem, 0.13vw + 0.78rem, 0.89rem);
  --font-size-md: clamp(1.25rem, 0.46vw + 1.17rem, 1.58rem);
  --font-size-lg: clamp(1.56rem, 0.76vw + 1.43rem, 2.11rem);
  --font-size-xl: clamp(1.95rem, 1.19vw + 1.75rem, 2.81rem);
  --font-size-xxl: clamp(2.44rem, 1.8vw + 2.13rem, 3.75rem);
  --font-size-xxxl: clamp(3.05rem, 2.68vw + 2.58rem, 5rem);
  --font-family-mono: monospace;
}

h1 {font-size: var(--font-size-xxxl);}
h2 {font-size: var(--font-size-xxl);}
h3 {font-size: var(--font-size-xl);}
h4 {font-size: var(--font-size-lg);}
h5 {font-size: var(--font-size-md);}
h6 {font-size: var(--font-size-sm);}

h1,h2,h3,h4,h5,h6 {
  font-family: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;
  font-weight: 900;
}

h1,h2 {
  letter-spacing: -1px;
  line-height: 0.8em;
}

article p {
  font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
  line-height: 1.1em;
  font-size: var(--font-size-lg);
}

.container p {
  line-height: 1.1em;
}

header p, .card-footer {
  font-size: var(--font-size-md);
}
