:root {
  --agilack400: #f34b3f;
  --agilack50: #fde9e7;
  --base100: #e6e6e6;
  --base300: #b3b3b3;
  --base50: #f2f2f2;
  --base500: #ffffff;
  --base600: #666666;
  --base700: #4d4d4d;
  --base900: #1a1a1a;
  --black: #000000;
  --eerie-black: #1a1c20;
  --ghost: #c2c8d6;
  --gray: #808080;
  --metallic-seaweed: #088290;
  --shark: #1e202c;
  --shark-2: #282828;
  --smalt: #083690;
  --zircon: #f5f8fe;
  --zircon-2: #f5fdfe;

  --font-size-l: 20px;
  --font-size-m: 18px;
  --font-size-s: 16px;
  --font-size-xl: 24px;
  --font-size-xxl: 32px;
  --font-size-xxxl: 48px;
  --font-size-xxxxl: 64px;

  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-raleway: "Raleway", Helvetica;
}
.raleway-medium-concrete-16px {
  color: var(--base50);
  font-family: var(--font-family-raleway);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

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

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

.raleway-bold-eerie-black-16px {
  color: var(--eerie-black);
  font-family: var(--font-family-raleway);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

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

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

.raleway-semi-bold-eerie-black-16px {
  color: var(--base900);
  font-family: var(--font-family-raleway);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

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

.raleway-bold-sunset-orange-48px {
  color: var(--agilack400);
  font-family: var(--font-family-raleway);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

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

.raleway-bold-sunset-orange-24px {
  color: var(--agilack400);
  font-family: var(--font-family-raleway);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

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

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

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

.raleway-bold-metallic-seaweed-20px {
  color: var(--metallic-seaweed);
  font-family: var(--font-family-raleway);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}