@import url("https://fonts.googleapis.com/css?family=EB+Garamond:600|Roboto:400,300,700,600");

:root {
  --font-size-xxl3: 48px;
  --font-size-xxl4: 54px;

  --font-family-eb_garamond: "EB Garamond", Helvetica;
}

.ebgaramond-semi-bold-rangitoto-26px {
  color: var(--browndark);
  font-family: var(--font-family-eb_garamond);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.ebgaramond-semi-bold-rangitoto-32px {
  color: var(--browndark);
  font-family: var(--font-family-eb_garamond);
  font-size: var(--font-size-xxxxl2);
  font-style: normal;
  font-weight: 600;
}

.ebgaramond-semi-bold-rangitoto-48px {
  color: var(--browndark);
  font-family: var(--font-family-eb_garamond);
  font-size: var(--font-size-xxl3);
  font-style: normal;
  font-weight: 600;
}



.ebgaramond-semi-bold-antique-brass-54px {
  color: var(--beigemain);
  font-family: var(--font-family-eb_garamond);
  font-size: var(--font-size-xxl4);
  font-style: normal;
  font-weight: 600;
}



.roboto-light-pablo-10px {
  color: var(--brownlight);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m2);
  font-style: normal;
  font-weight: 300;
}



.roboto-bold-rangitoto-14px {
  color: var(--browndark);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl2);
  font-style: normal;
  font-weight: 700;
}

.roboto-light-rangitoto-16px {
  color: var(--browndark);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl2);
  font-style: normal;
  font-weight: 300;
}

.roboto-bold-rangitoto-16px {
  color: var(--browndark);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl2);
  font-style: normal;
  font-weight: 700;
}



.roboto-normal-antique-brass-16px {
  color: var(--beigemain);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl2);
  font-style: normal;
  font-weight: 400;
}



.roboto-normal-twine-20px {
  color: var(--beigedark);
  font-family: var(--font-family-roboto);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}

