:root { 
  --accent-1: #a6cf62;
  --alto: #d9d9d9;
  --black: #000000;
  --blue-chalk: #e8e3fd;
  --chetwode-blue: #877dd9;
  --coconut: #fdfdfd;
  --fuscous-gray: #565656;
  --governor-bay: #3734a9;
  --granite-gray: #696969;
  --magnolia: #f8f6ff;
  --magnolia-2: #f4f3ff;
  --main: #6c5fcf;
  --mercury: #dbe3e8;
  --pale-slate: #c3c3c3;
  --shark: #252525;
  --shark-2: #2a2a2a;
  --ship-cove: #718ebf;
  --titan-white: #f2eeff;
  --tuatara: #343434;
  --vulcan: #111127;
  --vulcan-2: #1211278f;
  --white: #ffffff;
  --white-2: #ffffffcc;
 
  --font-size-l: 20px;
  --font-size-m: 18px;
  --font-size-xl: 21px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 36px;
  --font-size-xxxxl: 50px;
  --font-size-xxxxxl: 54px;
 
  --font-family-courgette-regular: "Courgette-Regular", Helvetica;
  --font-family-gilroy-semibold-☞: "Gilroy-SemiBold-☞", Helvetica;
  --font-family-inter: "Inter", Helvetica;
  --font-family-manrope-bold: "Manrope-Bold", Helvetica;
  --font-family-manrope-regular: "Manrope-Regular", Helvetica;
  --font-family-source_sans_pro: "Source Sans Pro", Helvetica;
}
.sourcesanspro-normal-tuatara-18px {
  color: var(--tuatara);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

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

.sourcesanspro-normal-tuatara-24px {
  color: var(--tuatara);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.gilroy-semibold--normal-granite-gray-8px {
  color: var(--granite-gray);
  font-family: var(--font-family-gilroy-semibold-☞);
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
}

.sourcesanspro-bold-shark-50px {
  color: var(--shark);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
}

.gilroy-semibold--normal-ship-cove-4-6px {
  color: var(--ship-cove);
  font-family: var(--font-family-gilroy-semibold-☞);
  font-size: 4.6px;
  font-style: normal;
  font-weight: 400;
}

.sourcesanspro-bold-shark-30px {
  color: var(--shark);
  font-family: var(--font-family-source_sans_pro);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
}

.manrope-bold-blue-marguerite-20px {
  color: var(--main);
  font-family: var(--font-family-manrope-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

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

.sourcesanspro-normal-shark-20px {
  color: var(--shark-2);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.manrope-bold-blue-marguerite-18px {
  color: var(--main);
  font-family: var(--font-family-manrope-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.sourcesanspro-semi-bold-blue-marguerite-18px {
  color: var(--main);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

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

.sourcesanspro-normal-fuscous-gray-16px {
  color: var(--fuscous-gray);
  font-family: var(--font-family-source_sans_pro);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.manrope-bold-shark-20px {
  color: var(--shark-2);
  font-family: var(--font-family-manrope-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.sourcesanspro-normal-shark-18px {
  color: var(--shark-2);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.sourcesanspro-bold-tuatara-20px {
  color: var(--tuatara);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

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

.sourcesanspro-bold-tuatara-24px {
  color: var(--tuatara);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.sourcesanspro-bold-shark-54px {
  color: var(--shark);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 700;
}

.sourcesanspro-semi-bold-vulcan-14px {
  color: var(--vulcan);
  font-family: var(--font-family-source_sans_pro);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

.sourcesanspro-normal-vulcan-14px {
  color: var(--vulcan-2);
  font-family: var(--font-family-source_sans_pro);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.sourcesanspro-normal-tuatara-21px {
  color: var(--tuatara);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.sourcesanspro-bold-blue-marguerite-54px {
  color: var(--main);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 700;
}

.sourcesanspro-bold-tuatara-54px {
  color: var(--tuatara);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 700;
}

.manrope-regular-normal-shark-20px {
  color: var(--shark-2);
  font-family: var(--font-family-manrope-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.sourcesanspro-semi-bold-shark-24px {
  color: var(--shark-2);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

.sourcesanspro-semi-bold-black-18px {
  color: var(--black);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.sourcesanspro-semi-bold-white-24px {
  color: var(--white);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

.manrope-regular-normal-shark-18px {
  color: var(--shark-2);
  font-family: var(--font-family-manrope-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.sourcesanspro-semi-bold-shark-21px {
  color: var(--shark-2);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

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

.sourcesanspro-bold-white-54px {
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 700;
}

.inter-semi-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

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

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