:root { 
  --alto: #dddddd;
  --azure-radiance: #077fe5;
  --bird-flower: #d1d108;
  --black: #000000;
  --black-haze: #f5f6f8;
  --blue: #0b02f8;
  --bon-jour: #e1e1e3;
  --cadet-blue: #b5b8c3;
  --concrete: #f1f3f4;
  --denim: #2370b5;
  --denim-2: #217fc0;
  --dove-gray: #707070;
  --east-bay: #394576;
  --endeavour: #0a56a4;
  --fire-bush: #e39d3f;
  --flamingo: #f45724;
  --fuscous-gray: #504d4d;
  --green-blue: #1067ae;
  --lochmara: #007dc5;
  --malachite: #06c648;
  --maroon-flush: #c90448;
  --mercury: #e6e8ea;
  --mercury-2: #e4e5e6;
  --mojo: #c13e3e;
  --mountain-mist: #94969f;
  --neon-carrot: #f69531;
  --neon-carrot-2: #f8a141;
  --persian-red: #d12e2b;
  --persian-red-2: #d52e2e;
  --pizazz: #f89002;
  --saffron: #f8be32;
  --scarpa-flow: #57565c;
  --ship-gray: #3d3b41;
  --shiraz: #b10842;
  --sunglow: #fed032;
  --sunglow-2: #fdce31;
  --white: #ffffff;
  --yellow-orange: #fcab4e;
 
  --font-size-l: 20px;
  --font-size-m: 17px;
  --font-size-s: 16px;
  --font-size-xl: 21px;
  --font-size-xxl: 22px;
  --font-size-xxxl: 23px;
  --font-size-xxxxl: 37px;
 
  --font-family-helveticaneue-bold: "HelveticaNeue-Bold", Helvetica;
  --font-family-helveticaneue-medium: "HelveticaNeue-Medium", Helvetica;
  --font-family-helveticaneue-regular: "HelveticaNeue-Regular", Helvetica;
  --font-family-myanmarmn-bold: "MyanmarMN-Bold", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
}
.helveticaneue-regular-normal-east-bay-17px {
  color: var(--east-bay);
  font-family: var(--font-family-helveticaneue-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.helveticaneue-bold-east-bay-17px {
  color: var(--east-bay);
  font-family: var(--font-family-helveticaneue-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.roboto-normal-east-bay-17px {
  color: var(--east-bay);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.helveticaneue-regular-normal-east-bay-21px {
  color: var(--east-bay);
  font-family: var(--font-family-helveticaneue-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.helveticaneue-bold-east-bay-21px {
  color: var(--east-bay);
  font-family: var(--font-family-helveticaneue-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

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

.roboto-normal-maroon-flush-16px {
  color: var(--maroon-flush);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.helveticaneue-bold-east-bay-37px {
  color: var(--east-bay);
  font-family: var(--font-family-helveticaneue-bold);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
}

.helveticaneue-bold-east-bay-22px {
  color: var(--east-bay);
  font-family: var(--font-family-helveticaneue-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.helveticaneue-bold-east-bay-23px {
  color: var(--east-bay);
  font-family: var(--font-family-helveticaneue-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

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

.roboto-normal-east-bay-27px {
  color: var(--east-bay);
  font-family: var(--font-family-roboto);
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

.roboto-normal-east-bay-25px {
  color: var(--east-bay);
  font-family: var(--font-family-roboto);
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
}

.helveticaneue-regular-normal-east-bay-36px {
  color: var(--east-bay);
  font-family: var(--font-family-helveticaneue-regular);
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
}

.helveticaneue-medium-east-bay-25px {
  color: var(--east-bay);
  font-family: var(--font-family-helveticaneue-medium);
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
}

.roboto-normal-east-bay-14px {
  color: var(--east-bay);
  font-family: var(--font-family-roboto);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

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

.roboto-bold-east-bay-30px {
  color: var(--east-bay);
  font-family: var(--font-family-roboto);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
}

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

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

.helveticaneue-bold-east-bay-15px {
  color: var(--east-bay);
  font-family: var(--font-family-helveticaneue-bold);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
}

.helveticaneue-bold-east-bay-19px {
  color: var(--east-bay);
  font-family: var(--font-family-helveticaneue-bold);
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
}

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

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

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

.helveticaneue-regular-normal-maroon-flush-16px {
  color: var(--maroon-flush);
  font-family: var(--font-family-helveticaneue-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.helveticaneue-bold-east-bay-13px {
  color: var(--east-bay);
  font-family: var(--font-family-helveticaneue-bold);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
}

.helveticaneue-medium-east-bay-21px {
  color: var(--east-bay);
  font-family: var(--font-family-helveticaneue-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.roboto-bold-east-bay-17px {
  color: var(--east-bay);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.border-1-3px-lochmara {
  border: 1.3px solid var(--lochmara);
}

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

.border-2px-alto {
  border: 2px solid var(--alto);
}

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

.border-4-5px-east-bay {
  border: 4.5px solid var(--east-bay);
}

.border-3px-cadet-blue {
  border: 3px solid var(--cadet-blue);
}