/* 
 * Generated by clampgenerator.com 
 * Font size: 16px to 20px
 * Viewport: 320vw to 1440vw
 */

html { font-size: 16px; }

/* Font Family Setup */
body {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
}

code {
  font-family: 'Roboto Mono', monospace;
  font-weight: 400;
}

/* Typography Sizes */
h1, .cg-h1 {
  font-size: clamp(1.80rem, calc(1.671rem + 0.643vw), 2.25rem);
}

h2, .cg-h2 {
  font-size: clamp(1.50rem, calc(1.393rem + 0.536vw), 1.88rem);
}

h3, .cg-h3 {
  font-size: clamp(1.40rem, calc(1.300rem + 0.500vw), 1.75rem);
}

h4, .cg-h4 {
  font-size: clamp(1.30rem, calc(1.207rem + 0.464vw), 1.63rem);
}

h5, .cg-h5 {
  font-size: clamp(1.20rem, calc(1.114rem + 0.429vw), 1.50rem);
}

h6, .cg-h6 {
  font-size: clamp(1.10rem, calc(1.021rem + 0.393vw), 1.38rem);
}

body, .cg-base {
  font-size: clamp(1.00rem, calc(0.929rem + 0.357vw), 1.25rem);
}

small, .cg-small {
  font-size: clamp(0.88rem, calc(0.813rem + 0.313vw), 1.09rem);
}

.tiny, .cg-tiny {
  font-size: clamp(0.75rem, calc(0.696rem + 0.268vw), 0.94rem);
}

code, .cg-code {
  font-size: clamp(0.88rem, calc(0.813rem + 0.313vw), 1.09rem);
}