:root { 
  --alto: #dbd7e6;
  --astronaut: #1d3376;
  --bay-of-many: #274a7e;
  --black: #000000;
  --dove-gray: #707070;
  --pattens-blue: #e1ebff;
  --royal-blue: #434ff8;
  --san-juan: #2f4a7a;
  --seashell-peach: #fff4ec;
  --tuna: #3b2f3f;
  --violet-eggplant: #820fac;
  --violet-eggplant-2: #8210ac;
  --white: #ffffff;
 
  --font-size-l: 30px;
  --font-size-m: 26px;
  --font-size-s: 25px;
  --font-size-xl: 32px;
  --font-size-xs: 22px;
  --font-size-xxs: 17px;
  --font-size-xxxs: 15px;
 
  --font-family-avenirnext-medium: "AvenirNext-Medium", Helvetica;
  --font-family-brandon_grotesque: "Brandon Grotesque", Helvetica;
  --font-family-brandongrotesque-black: "BrandonGrotesque-Black", Helvetica;
  --font-family-brandongrotesque-bolditalic: "BrandonGrotesque-BoldItalic", Helvetica;
  --font-family-brandongrotesque-light: "BrandonGrotesque-Light", Helvetica;
  --font-family-brandongrotesque-mediumitalic: "BrandonGrotesque-MediumItalic", Helvetica;
  --font-family-chewy: "Chewy", Helvetica;
  --font-family-madegentle-regular: "MADEGentle-Regular", Helvetica;
  --font-family-montserrat-regular: "Montserrat-Regular", Helvetica;
  --font-family-nickainley-normal: "Nickainley-Normal", Helvetica;
}
.brandongrotesque-light-tuna-26px {
  color: var(--tuna);
  font-family: var(--font-family-brandongrotesque-light);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.chewy-normal-tuna-32px {
  color: var(--tuna);
  font-family: var(--font-family-chewy);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.brandongrotesque-light-pattens-blue-22px {
  color: var(--pattens-blue);
  font-family: var(--font-family-brandongrotesque-light);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}

.brandongrotesque-light-white-25px {
  color: var(--white);
  font-family: var(--font-family-brandongrotesque-light);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}

.brandongrotesque-light-tuna-30px {
  color: var(--tuna);
  font-family: var(--font-family-brandongrotesque-light);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.montserrat-regular-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-montserrat-regular);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.brandongrotesque-light-tuna-37px {
  color: var(--tuna);
  font-family: var(--font-family-brandongrotesque-light);
  font-size: 37px;
  font-style: normal;
  font-weight: 300;
}

.avenirnext-medium-royal-blue-15px {
  color: var(--royal-blue);
  font-family: var(--font-family-avenirnext-medium);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 500;
}

.montserrat-regular-normal-astronaut-17px {
  color: var(--astronaut);
  font-family: var(--font-family-montserrat-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.chewy-normal-tuna-51px {
  color: var(--tuna);
  font-family: var(--font-family-chewy);
  font-size: 51px;
  font-style: normal;
  font-weight: 400;
}

.nickainley-normal-violet-eggplant-46px {
  color: var(--violet-eggplant);
  font-family: var(--font-family-nickainley-normal);
  font-size: 46px;
  font-style: normal;
  font-weight: 400;
}

.nickainley-normal-bay-of-many-30px {
  color: var(--bay-of-many);
  font-family: var(--font-family-nickainley-normal);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.nickainley-normal-white-43px {
  color: var(--white);
  font-family: var(--font-family-nickainley-normal);
  font-size: 43px;
  font-style: normal;
  font-weight: 400;
}

.nickainley-normal-violet-eggplant-49px {
  color: var(--violet-eggplant);
  font-family: var(--font-family-nickainley-normal);
  font-size: 49px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-regular-normal-astronaut-22px {
  color: var(--astronaut);
  font-family: var(--font-family-montserrat-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.nickainley-normal-seashell-peach-22px {
  color: var(--seashell-peach);
  font-family: var(--font-family-nickainley-normal);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.montserrat-regular-normal-astronaut-19px {
  color: var(--astronaut);
  font-family: var(--font-family-montserrat-regular);
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
}

.brandongrotesque-mediumitalic-medium-royal-blue-26px {
  color: var(--royal-blue);
  font-family: var(--font-family-brandongrotesque-mediumitalic);
  font-size: var(--font-size-m);
  font-style: italic;
  font-weight: 500;
}

.montserrat-regular-normal-violet-eggplant-19px {
  color: var(--violet-eggplant-2);
  font-family: var(--font-family-montserrat-regular);
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-regular-normal-bay-of-many-22px {
  color: var(--bay-of-many);
  font-family: var(--font-family-montserrat-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.chewy-normal-royal-blue-80px {
  color: var(--royal-blue);
  font-family: var(--font-family-chewy);
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
}

.brandongrotesque-light-black-25px {
  color: var(--black);
  font-family: var(--font-family-brandongrotesque-light);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}

.chewy-normal-royal-blue-43px {
  color: var(--royal-blue);
  font-family: var(--font-family-chewy);
  font-size: 43px;
  font-style: normal;
  font-weight: 400;
}

.brandongrotesque-bolditalic-bold-royal-blue-26px {
  color: var(--royal-blue);
  font-family: var(--font-family-brandongrotesque-bolditalic);
  font-size: var(--font-size-m);
  font-style: italic;
  font-weight: 700;
}

.madegentle-regular-normal-astronaut-26px {
  color: var(--astronaut);
  font-family: var(--font-family-madegentle-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.nickainley-normal-astronaut-25px {
  color: var(--astronaut);
  font-family: var(--font-family-nickainley-normal);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}
