:root { 
  --abbey: #4d5256;
  --alto: #d9d9d9;
  --black: #000000;
  --celeste: #cecece;
  --cerulean: #00b4ee;
  --chicago: #585858;
  --ebony: #1a051d;
  --eerie-black: #1c191a;
  --eerie-black-2: #1e1e1e;
  --gallery: #ededed;
  --log-cabin: #222222;
  --mine-shaft: #333333;
  --mirage: #1d2029;
  --orange: #f26922;
  --pale-sky: #6f767b;
  --white: #ffffff;
 
  --font-size-l: 16px;
  --font-size-m: 15px;
  --font-size-s: 12px;
  --font-size-xl: 17px;
  --font-size-xs: 10.5px;
  --font-size-xxl: 30px;
  --font-size-xxs: 10px;
 
  --font-family-arial-bold: "Arial-Bold", Helvetica;
  --font-family-arial-regular: "Arial-Regular", Helvetica;
  --font-family-klavika-bold: "Klavika-Bold", Helvetica;
  --font-family-klavika-boldcondensed: "Klavika-BoldCondensed", Helvetica;
  --font-family-klavika-medium: "Klavika-Medium", Helvetica;
  --font-family-rubik: "Rubik", Helvetica;
  --font-family-sarina: "Sarina", Helvetica;
  --font-family-source_sans_3: "Source Sans 3", Helvetica;
  --font-family-source_sans_pro: "Source Sans Pro", Helvetica;
}
.rubik-normal-mine-shaft-16px {
  color: var(--mine-shaft);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

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

.rubik-normal-mine-shaft-15px {
  color: var(--mine-shaft);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.rubik-medium-mine-shaft-16px {
  color: var(--mine-shaft);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.rubik-bold-ebony-17-3px {
  color: var(--ebony);
  font-family: var(--font-family-rubik);
  font-size: 17.3px;
  font-style: normal;
  font-weight: 700;
}

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

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

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

.rubik-medium-white-17-3px {
  color: var(--white);
  font-family: var(--font-family-rubik);
  font-size: 17.3px;
  font-style: normal;
  font-weight: 500;
}

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

.rubik-semi-bold-mine-shaft-15px {
  color: var(--mine-shaft);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

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

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

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

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

.sourcesanspro-semi-bold-chicago-12px {
  color: var(--chicago);
  font-family: var(--font-family-source_sans_pro);
  font-size: var(--font-size-s);
  font-style: italic;
  font-weight: 600;
}

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

.rubik-semi-bold-white-17px {
  color: var(--white);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-xl);
  font-style: italic;
  font-weight: 600;
}

.rubik-normal-mine-shaft-15px-2 {
  color: var(--mine-shaft);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-m);
  font-style: italic;
  font-weight: 400;
}

.sourcesanspro-black-white-14px {
  color: var(--white);
  font-family: var(--font-family-source_sans_pro);
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
}

.rubik-semi-bold-mine-shaft-18px {
  color: var(--mine-shaft);
  font-family: var(--font-family-rubik);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}

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

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

.rubik-light-abbey-14px {
  color: var(--abbey);
  font-family: var(--font-family-rubik);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
}

.rubik-extra-bold-abbey-118px {
  color: var(--abbey);
  font-family: var(--font-family-rubik);
  font-size: 118px;
  font-style: normal;
  font-weight: 800;
}

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

.rubik-medium-mine-shaft-16px-2 {
  color: var(--mine-shaft);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-l);
  font-style: italic;
  font-weight: 500;
}

.rubik-semi-bold-mine-shaft-16px {
  color: var(--mine-shaft);
  font-family: var(--font-family-rubik);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.rubik-bold-log-cabin-21-1px {
  color: var(--log-cabin);
  font-family: var(--font-family-rubik);
  font-size: 21.1px;
  font-style: normal;
  font-weight: 700;
}

.rubik-bold-log-cabin-16-3px {
  color: var(--log-cabin);
  font-family: var(--font-family-rubik);
  font-size: 16.3px;
  font-style: normal;
  font-weight: 700;
}

.rubik-medium-log-cabin-14-4px {
  color: var(--log-cabin);
  font-family: var(--font-family-rubik);
  font-size: 14.4px;
  font-style: normal;
  font-weight: 500;
}