:root { 
  --black: #000000;
  --clinker: #371b0f;
  --cream-can: #edcc62;
  --dove-gray: #707070;
  --golden-grass: #d1a414;
  --shark: #242624;
  --tuatara: #363636;
  --white: #ffffff;
 
  --font-size-l: 40px;
  --font-size-m: 35px;
  --font-size-s: 25px;
  --font-size-xl: 45px;
  --font-size-xxl: 50px;
  --font-size-xxxl: 55px;
  --font-size-xxxxl: 100px;
 
  --font-family-mohr: "Mohr", Helvetica;
  --font-family-mohr-bold: "Mohr-Bold", Helvetica;
  --font-family-mohr-boldit: "Mohr-BoldIt", Helvetica;
  --font-family-mohr-light: "Mohr-Light", Helvetica;
  --font-family-mohr-lightit: "Mohr-LightIt", Helvetica;
  --font-family-mohr-regular: "Mohr-Regular", Helvetica;
  --font-family-mohr-semiboldit: "Mohr-SemiBoldIt", Helvetica;
  --font-family-mohr-thinit: "Mohr-ThinIt", Helvetica;
}
.mohr-light-white-35px {
  color: var(--white);
  font-family: var(--font-family-mohr-light);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.mohr-lightit-light-shark-35px {
  color: var(--shark);
  font-family: var(--font-family-mohr-lightit);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.mohr-regular-normal-black-40px {
  color: var(--black);
  font-family: var(--font-family-mohr-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.mohr-boldit-bold-shark-35px {
  color: var(--shark);
  font-family: var(--font-family-mohr-boldit);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.mohr-bold-white-50px {
  color: var(--white);
  font-family: var(--font-family-mohr-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.mohr-light-shark-35px {
  color: var(--shark);
  font-family: var(--font-family-mohr-light);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.mohr-bold-white-35px {
  color: var(--white);
  font-family: var(--font-family-mohr-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.mohr-thinit-thin-white-100px {
  color: var(--white);
  font-family: var(--font-family-mohr-thinit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 100;
}

.mohr-light-white-45px {
  color: var(--white);
  font-family: var(--font-family-mohr-light);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.mohr-bold-shark-35px {
  color: var(--shark);
  font-family: var(--font-family-mohr-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.mohr-lightit-light-white-55px {
  color: var(--white);
  font-family: var(--font-family-mohr-lightit);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 300;
}

.mohr-regular-normal-clinker-45px {
  color: var(--clinker);
  font-family: var(--font-family-mohr-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.mohr-bold-golden-grass-70px {
  color: var(--golden-grass);
  font-family: var(--font-family-mohr-bold);
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
}

.mohr-lightit-light-white-40px {
  color: var(--white);
  font-family: var(--font-family-mohr-lightit);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.mohr-boldit-bold-white-40px {
  color: var(--white);
  font-family: var(--font-family-mohr-boldit);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.mohr-light-shark-45px {
  color: var(--shark);
  font-family: var(--font-family-mohr-light);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.mohr-thinit-thin-shark-100px {
  color: var(--shark);
  font-family: var(--font-family-mohr-thinit);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 100;
}

.mohr-lightit-light-shark-45px {
  color: var(--shark);
  font-family: var(--font-family-mohr-lightit);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.mohr-bold-white-35px-2 {
  color: var(--white);
  font-family: var(--font-family-mohr);
  font-size: var(--font-size-m);
}

.mohr-light-shark-35px-2 {
  color: var(--shark);
  font-family: var(--font-family-mohr);
  font-size: var(--font-size-m);
}