:root { 
  --black: #000000de;
  --heavy-metal: #2b2b2b59;
  --log-cabin: #212121;
  --navy-blue: #1687d5;
  --persian-red: #ce2933;
  --primary: #e00034;
  --primary-variant: #bb2630;
  --salmon-pearl: #ee3440;
  --san-marino: #3e77b0;
  --secondary: #8f9091;
  --secondary-variant: #696b6d;
  --steel-blue: #3d82bd;
  --storm-dust: #5e6062;
  --tertiary: #388dc9;
  --white: #ffffff;
  --white-2: #fffffff2;
 
  --font-size-56px: 56px;
  --font-size-l: 22px;
  --font-size-m: 17px;
  --font-size-s: 16px;
  --font-size-xl: 24px;
  --font-size-xs: 15px;
  --font-size-xxl: 30px;
  --font-size-xxxl: 40px;
 
  --font-family-calibri: "Calibri", Helvetica;
  --font-family-calibri-bold: "Calibri-Bold", Helvetica;
  --font-family-calibri-regular: "Calibri-Regular", Helvetica;
  --font-family-cambria-bold: "Cambria-Bold", Helvetica;
  --font-family-cambria-regular: "Cambria-Regular", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
}
.header-1-roboto--48pt {
  font-family: var(--font-family-cambria-regular);
  font-size: var(--font-size-56px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
}

.header-2-roboto--34pt {
  font-family: var(--font-family-cambria-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
}

.header-2-tablet-cambria--30pt {
  font-family: var(--font-family-cambria-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
}

.calibri-regular-normal-black-17px {
  color: var(--black);
  font-family: var(--font-family-calibri-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

.calibri-bold-steel-blue-17px {
  color: var(--steel-blue);
  font-family: var(--font-family-calibri-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.calibri-bold-black-22px {
  color: var(--black);
  font-family: var(--font-family-calibri-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.roboto-medium-white-22px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

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

.roboto-medium-white-16px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

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

.calibri-bold-black-17px {
  color: var(--black);
  font-family: var(--font-family-calibri-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.calibri-bold-san-marino-17px {
  color: var(--san-marino);
  font-family: var(--font-family-calibri-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.calibri-normal-black-17px {
  color: var(--black);
  font-family: var(--font-family-calibri);
  font-size: var(--font-size-m);
}

.calibri-bold-black-17px-2 {
  color: var(--black);
  font-family: var(--font-family-calibri);
  font-size: var(--font-size-m);
}

.roboto-medium-log-cabin-25px {
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
}

.calibri-bold-dove-gray-17px {
  color: var(--secondary-variant);
  font-family: var(--font-family-calibri-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.calibri-normal-white-17px {
  color: var(--white);
  font-family: var(--font-family-calibri);
  font-size: var(--font-size-m);
}

.roboto-medium-log-cabin-20px {
  color: var(--log-cabin);
  font-family: var(--font-family-roboto);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}

.calibri-bold-steel-blue-15px {
  color: var(--steel-blue);
  font-family: var(--font-family-calibri-bold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

:root {
}