@font-face {
  font-family: 'Mona Sans';
  src:
    url('../fonts/Mona-Sans.woff2') format('woff2 supports variations'),
    url('../fonts/Mona-Sans.woff2') format('woff2-variations');
  font-weight: 200 900;
  font-stretch: 75% 125%;
}

/* @link https://utopia.fyi/type/calculator?c=320,16,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  /*--step--2: clamp(0.69rem, calc(0.66rem + 0.18vw), 0.80rem);
  --step--1: clamp(0.83rem, calc(0.78rem + 0.29vw), 1.00rem);*/
  --step-0: clamp(1.00rem, calc(0.91rem + 0.43vw), 1.25rem);
  --step-1: clamp(1.20rem, calc(1.07rem + 0.63vw), 1.56rem);
 /* --step-2: clamp(1.44rem, calc(1.26rem + 0.89vw), 1.95rem);
  --step-3: clamp(1.73rem, calc(1.48rem + 1.24vw), 2.44rem);*/
  --step-4: clamp(2.07rem, calc(1.73rem + 1.70vw), 3.05rem);
  --step-5: clamp(2.49rem, calc(2.03rem + 2.31vw), 3.82rem);
  --system-sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  --system-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  
  --step-0: 1.125em;
  --step-1: 1.375em;
  --step-4: 1.75em;
  --step-5: 2em;
}

body{
	color: #3a566a;
	font-family: var(--system-serif);
	font-size: var(--step-0);
}
a {
	color: #3a566a;
}
strong {
	font-weight: bold;
}
em {
	color: #7d6096;
	font-style: unset;
}
h1, h2, h3, em, .sans-serif{
	font-family: 'Mona Sans';
	font-weight: 600; /* 700 */
}
.course {
	color: #7d6096;
}
/*
h3 {
	color: #7d6096;
}
p{
	max-width: 75ch;
}
*/
h1{
	line-height: 1.1;
	font-size: var(--step-5);
}
h2{
	font-size: var(--step-4);
}
.cta {
	text-align: center;
}
.button {
	font-size: small;
}
.claim, .person {
	font-size: var(--step-1);
}