:root { 
  --abbey: #4d4d4d;
  --azure: #405da7;
  --black: #000000;
  --chambray: #394f89;
  --chambray-2: #3a4f89;
  --coconut: #fefefe;
  --cornflower: #99d8e6;
  --curious-blue: #3a98d1;
  --dove-gray: #707070;
  --firefly: #0d1f38;
  --indigo: #4b5fc2;
  --jaguar: #010012;
  --midnight-blue: #1f4179;
  --mine-shaft: #333333;
  --polar: #e4f4f8;
  --shakespeare: #57a7d9;
  --sonic-silver: #737373;
  --tangaroa: #0f1b39;
  --turquoise-blue: #45e3ff;
  --white: #ffffff;
  --wistful: #9aa6dd;
 
  --font-size-l: 20px;
  --font-size-m: 18px;
  --font-size-s: 16px;
  --font-size-xl: 22px;
  --font-size-xs: 15px;
  --font-size-xxl: 25px;
  --font-size-xxxl: 40px;
 
  --font-family-argentum_sans_vf: "Argentum Sans VF", Helvetica;
  --font-family-argentumsans_vf-black: "ArgentumSans VF-Black", Helvetica;
  --font-family-arial-regular: "Arial-Regular", Helvetica;
  --font-family-barlow: "Barlow", Helvetica;
  --font-family-calibri-bold: "Calibri-Bold", Helvetica;
  --font-family-helveticaneue-regular: "HelveticaNeue-Regular", Helvetica;
  --font-family-lalezar: "Lalezar", Helvetica;
  --font-family-poppins: "Poppins", Helvetica;
  --font-family-source_sans_pro: "Source Sans Pro", Helvetica;
}
.poppins-light-azure-18px {
  color: var(--azure);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.poppins-bold-chambray-25px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.poppins-normal-chambray-18px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.argentumsansvf-black-midnight-blue-24px {
  color: var(--midnight-blue);
  font-family: var(--font-family-argentumsans_vf-black);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
}

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

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

.poppins-normal-curious-blue-19px {
  color: var(--curious-blue);
  font-family: var(--font-family-poppins);
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
}

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

.barlow-semi-bold-abbey-5px {
  color: var(--abbey);
  font-family: var(--font-family-barlow);
  font-size: 5px;
  font-style: normal;
  font-weight: 600;
}

.barlow-semi-bold-abbey-2px {
  color: var(--abbey);
  font-family: var(--font-family-barlow);
  font-size: 2px;
  font-style: normal;
  font-weight: 600;
}

.poppins-light-chambray-18px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.poppins-normal-curious-blue-18px {
  color: var(--curious-blue);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

.poppins-bold-chambray-22px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.poppins-medium-chambray-18px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.poppins-bold-cornflower-27px {
  color: var(--cornflower);
  font-family: var(--font-family-poppins);
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
}

.arial-regular-normal-black-22px {
  color: var(--black);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

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

.argentumsansvf-black-midnight-blue-24px-2 {
  color: var(--midnight-blue);
  font-family: var(--font-family-argentum_sans_vf);
  font-size: 24px;
}

.poppins-normal-chambray-40px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.poppins-black-midnight-blue-38px {
  color: var(--midnight-blue);
  font-family: var(--font-family-poppins);
  font-size: 38px;
  font-style: normal;
  font-weight: 900;
}

.poppins-semi-bold-tangaroa-20px {
  color: var(--tangaroa);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.poppins-normal-coconut-20px {
  color: var(--coconut);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.argentumsansvf-black-midnight-blue-34px {
  color: var(--midnight-blue);
  font-family: var(--font-family-argentumsans_vf-black);
  font-size: 34px;
  font-style: normal;
  font-weight: 900;
}

.poppins-normal-cornflower-18px {
  color: var(--cornflower);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.poppins-black-chambray-30px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: 30px;
  font-style: normal;
  font-weight: 900;
}

.poppins-black-chambray-25px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 900;
}

.poppins-medium-chambray-15px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.barlow-semi-bold-abbey-4px {
  color: var(--abbey);
  font-family: var(--font-family-barlow);
  font-size: 4px;
  font-style: normal;
  font-weight: 600;
}

.barlow-semi-bold-abbey-1px {
  color: var(--abbey);
  font-family: var(--font-family-barlow);
  font-size: 1px;
  font-style: normal;
  font-weight: 600;
}

.poppins-bold-chambray-24px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}

.poppins-normal-chambray-50px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-jaguar-20px {
  color: var(--jaguar);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.poppins-bold-chambray-18px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.poppins-bold-chambray-32px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
}

.poppins-normal-chambray-30px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-jaguar-8px {
  color: var(--jaguar);
  font-family: var(--font-family-poppins);
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
}

.poppins-light-chambray-15px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}

.poppins-light-indigo-12px {
  color: var(--indigo);
  font-family: var(--font-family-poppins);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
}

.poppins-bold-chambray-13px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
}

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

.poppins-medium-shakespeare-18px {
  color: var(--shakespeare);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.poppins-black-indigo-30px {
  color: var(--indigo);
  font-family: var(--font-family-poppins);
  font-size: 30px;
  font-style: normal;
  font-weight: 900;
}

.poppins-medium-indigo-18px {
  color: var(--indigo);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.poppins-black-indigo-25px {
  color: var(--indigo);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 900;
}

.poppins-medium-indigo-15px {
  color: var(--indigo);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.poppins-medium-shakespeare-15px {
  color: var(--shakespeare);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
}

.poppins-bold-mine-shaft-8px {
  color: var(--mine-shaft);
  font-family: var(--font-family-poppins);
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
}

.poppins-black-wistful-12px {
  color: var(--wistful);
  font-family: var(--font-family-poppins);
  font-size: 12px;
  font-style: italic;
  font-weight: 900;
}

.poppins-bold-mine-shaft-4px {
  color: var(--mine-shaft);
  font-family: var(--font-family-poppins);
  font-size: 4px;
  font-style: normal;
  font-weight: 700;
}

.poppins-black-wistful-6px {
  color: var(--wistful);
  font-family: var(--font-family-poppins);
  font-size: 6px;
  font-style: italic;
  font-weight: 900;
}

.poppins-normal-chambray-25px {
  color: var(--chambray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.poppins-light-azure-15px {
  color: var(--azure);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}