:root { 
  --alto: #d9d9d9;
  --apple: #36ab3a;
  --black: #000000;
  --black-2: #030303;
  --bon-jour: #e2e2e0;
  --bon-jour-2: #dfdfdf;
  --bright-red: #b30202;
  --cararra: #ebebeb;
  --chablis: #fff4f4;
  --cod-gray: #0a0b0e;
  --concrete: #f2f2f1;
  --dove-gray: #6f6969;
  --fuscous-gray: #565353;
  --goldenrod: #ffd06a;
  --granite-gray: #666666;
  --granite-gray-2: #6b6868;
  --mercury: #e5e4e4;
  --mine-shaft: #333333;
  --mine-shaft-2: #313131;
  --mist-gray: #c4c4c4;
  --mountain-mist: #959595;
  --mountain-mist-2: #929292;
  --pink-swan: #b9b9b9;
  --quill-gray: #d5d5d5;
  --san-marino: #4561a7;
  --scarlet: #ff1717;
  --seashell: #f1f1f1;
  --shady-lady: #a9a9a9;
  --suva-gray: #878787;
  --tapa: #7c7676;
  --tuatara: #353535;
  --tundora: #444444;
  --venus: #918a8a;
  --violet-blue: #364fab;
  --white: #ffffff;
 
  --font-size-l: 21px;
  --font-size-m: 20px;
  --font-size-s: 18px;
  --font-size-xl: 24px;
  --font-size-xs: 15.6px;
  --font-size-xxl: 27px;
  --font-size-xxxl: 30px;
 
  --font-family-arial-bold: "Arial-Bold", Helvetica;
  --font-family-arial-regular: "Arial-Regular", Helvetica;
  --font-family-matter-bold: "Matter-Bold", Helvetica;
  --font-family-matter-light: "Matter-Light", Helvetica;
  --font-family-matter-regular: "Matter-Regular", Helvetica;
  --font-family-matter-semibold: "Matter-SemiBold", Helvetica;
  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-open_sans: "Open Sans", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
}
.arial-regular-normal-mine-shaft-20px {
  color: var(--mine-shaft);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.arial-bold-suva-gray-24px {
  color: var(--suva-gray);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.matter-regular-normal-granite-gray-21px {
  color: var(--granite-gray);
  font-family: var(--font-family-matter-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-granite-gray-27px {
  color: var(--granite-gray);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-goldenrod-30px {
  color: var(--goldenrod);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-mountain-mist-15-6px {
  color: var(--mountain-mist);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

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

.arial-regular-normal-shady-lady-20px {
  color: var(--shady-lady);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

.arial-bold-granite-gray-27px {
  color: var(--granite-gray);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

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

.arial-bold-san-marino-27px {
  color: var(--san-marino);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.matter-regular-normal-mountain-mist-16px {
  color: var(--mountain-mist-2);
  font-family: var(--font-family-matter-regular);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

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

.matter-light-granite-gray-19px {
  color: var(--granite-gray);
  font-family: var(--font-family-matter-light);
  font-size: 19px;
  font-style: normal;
  font-weight: 300;
}

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

.arial-bold-shady-lady-20px {
  color: var(--shady-lady);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.arial-regular-normal-white-20px {
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.arial-regular-normal-pink-swan-20px {
  color: var(--pink-swan);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.montserrat-semi-bold-goldenrod-30px {
  color: var(--goldenrod);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
}

.arial-bold-fuscous-gray-20px {
  color: var(--fuscous-gray);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.matter-bold-chablis-119-6px {
  color: var(--chablis);
  font-family: var(--font-family-matter-bold);
  font-size: 119.6px;
  font-style: normal;
  font-weight: 700;
}

.arial-regular-normal-scarlet-20px {
  color: var(--scarlet);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

.arial-regular-normal-white-26px {
  font-family: var(--font-family-arial-regular);
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
}

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

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

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

.arial-regular-normal-apple-20px {
  color: var(--apple);
  font-family: var(--font-family-arial-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

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

.opensans-medium-violet-blue-21px {
  color: var(--violet-blue);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.opensans-normal-granite-gray-18px {
  color: var(--granite-gray-2);
  font-family: var(--font-family-open_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

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

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

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

.montserrat-bold-white-30px {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

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

.montserrat-bold-dove-gray-30px {
  color: var(--dove-gray);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.arial-regular-normal-mine-shaft-40px {
  color: var(--mine-shaft-2);
  font-family: var(--font-family-arial-regular);
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
}

.montserrat-extra-bold-bon-jour-70-6px {
  color: var(--bon-jour-2);
  font-family: var(--font-family-montserrat);
  font-size: 70.6px;
  font-style: normal;
  font-weight: 800;
}

.montserrat-extra-bold-goldenrod-70-6px {
  color: var(--goldenrod);
  font-family: var(--font-family-montserrat);
  font-size: 70.6px;
  font-style: normal;
  font-weight: 800;
}

.montserrat-extra-bold-bright-red-71-4px {
  color: var(--bright-red);
  font-family: var(--font-family-montserrat);
  font-size: 71.4px;
  font-style: normal;
  font-weight: 800;
}

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

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

.montserrat-bold-white-63-2px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 63.2px;
  font-style: normal;
  font-weight: 700;
}

.arial-regular-normal-white-29-5px {
  color: var(--white);
  font-family: var(--font-family-arial-regular);
  font-size: 29.5px;
  font-style: normal;
  font-weight: 400;
}

.arial-bold-mountain-mist-20px {
  color: var(--mountain-mist);
  font-family: var(--font-family-arial-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

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

.montserrat-bold-white-30px-2 {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.border-1-5px-granite-gray {
  border: 1.5px solid var(--granite-gray);
}

.border-1px-venus {
  border: 1px solid var(--venus);
}

.border-3px-bon-jour-2 {
  border: 3px solid var(--bon-jour-2);
}