:root { 
  --abbey: #4e4e4e;
  --black: #000000;
  --black-haze: #f6f6f6;
  --blue-stone: #005e60;
  --cloud: #c4c4c4;
  --electric-lime: #c8ff08;
  --white: #ffffff;
  --stroke-grey:#cccccc;
  --body-text-grey:#737373;
  --background-green:#f5fbfb;
  --form-placeholder-grey:#999999;
  --night:#212121;
  
  
  --ge-night-black: #212121;
  --ge-evergreen-100: #f4fbfb;
  --ge-evergreen-200: #dbeff0;
  --ge-evergreen-300: #bddbdb;
  --ge-evergreen-400: #8bc0c1;
  --ge-evergreen-500: #509495;
  --ge-evergreen-600: #1f797a;
  --ge-evergreen-700: #005e60;
  --ge-evergreen-800: #004647;
  --ge-urgency-green-100: #fcfff0;
  --ge-urgency-green-200: #f4ffcc;
  --ge-urgency-green-300: #e9ff99;
  --ge-urgency-green-400: #c8ff0a;
  --ge-urgency-green-500: #adda0b;
  --ge-urgency-green-600: #6f8a0f;
  --ge-urgency-green-700: #4c6100;
  --ge-urgency-green-800: #384800;
  --ge-neutral-100: #f7f7f7;
  --ge-neutral-200: #e4e6e7;
  --ge-neutral-300: #cacece;
  --ge-neutral-400: #a2a9a9;
  --ge-neutral-500: #6e7777;
  --ge-neutral-600: #494f50;
  --ge-neutral-700: #313535;
  --ge-neutral-800: #212121;
  --ge-neutral-900: #111313;
  
 
  --font-size-l: 12px;
  --font-size-m: 10px;
  --font-size-xl: 14px;
  --font-size-xxl: 16px;
  --font-size-xxxl: 20px;
  --font-size-xxxxl: 24px;
  --font-size-xxxxxl: 40px;
  --font-size-xxxxxxl: 84px;

  --h1-desktop:90px;
  --h2-desktop:60px;
  --h3-desktop:32px;
  --h4-desktop:24px;
  --h5-desktop:20px;
  --h6-desktop:18px;
  --p-desktop:16px;

  --h1-mobile:48px;
  --h2-mobile:40px;
  --h3-mobile:24px;
  --h4-mobile:20px;
  --h5-mobile:16px;
  --h6-mobile:14px;
  --p-mobile:14px;
 
  --font-family-inter: "Inter", Helvetica;
  --font-family-sons_condensed-extrabold: "SonsCondensed-Extrabold", Helvetica;
  --font-family-sons_condensed-semibold: "SonsCondensed-Semibold", Helvetica;
}


@font-face {
	font-family: 'SonsCondensed-Extrabold';
	src: url('../font/SonsCondensed-Extrabold.otf') format('opentype');
	font-style: normal;
	font-weight: bold;
}
  
@font-face {
	font-family: 'SonsCondensed-Semibold';
	src: url('../font/SonsCondensed-Semibold.otf') format('opentype');
	font-style: normal;
	font-weight: normal;
}
  




.inter-normal-cloud-14px {
  color: var(--cloud);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

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

.inter-normal-blue-stone-14px {
  color: var(--blue-stone);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-cloud-10px {
  color: var(--cloud);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-abbey-16px {
  color: var(--abbey);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

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