:root { 
  --apple: #41cf29;
  --black: #000000;
  --black-2: #010101;
  --blueberry: #4686f1;
  --celeste: #cccccc;
  --chambray: #445292;
  --coral: #ff8160;
  --ebony-clay: #252f39;
  --flamingo: #ff572d;
  --granite-gray: #666666;
  --gray-nurse: #eaeaea;
  --iron: #d8d8d8;
  --log-cabin: #222222;
  --milano-red: #d81e05;
  --milano-red-2: #d81d06;
  --milano-red-3: #d81e051a;
  --mine-shaft: #333333;
  --mountain-meadow: #18b6a0;
  --mountain-meadow-2: #17b69f;
  --mountain-mist: #999999;
  --persian-red: #d834311a;
  --plump-purple: #5455b1;
  --rose: #ff0082;
  --selective-yellow: #fabc05;
  --storm-dust: #646464;
  --tall-poppy: #bc2026;
  --tall-poppy-2: #bd2026;
  --violent-violet: #2b2560;
  --vulcan: #0a111f;
  --white: #ffffff;
 
  --font-size-l: 15px;
  --font-size-m: 14px;
  --font-size-s: 13px;
  --font-size-xl: 16px;
  --font-size-xs: 12px;
  --font-size-xxl: 18px;
  --font-size-xxxl: 20px;
 
  --font-family-applesymbols: "AppleSymbols", Helvetica;
  --font-family-bebas-regular: "Bebas-Regular", Helvetica;
  --font-family-helveticaneue-bold: "HelveticaNeue-Bold", Helvetica;
  --font-family-helveticaneue-medium: "HelveticaNeue-Medium", Helvetica;
  --font-family-lato-bold: "Lato-Bold", Helvetica;
  --font-family-lato-regular: "Lato-Regular", Helvetica;
}
.lato-regular-normal-mine-shaft-14px {
  color: var(--mine-shaft);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.lato-regular-normal-granite-gray-14px {
  color: var(--granite-gray);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

.lato-bold-chambray-16px {
  color: var(--chambray);
  font-family: var(--font-family-lato-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

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

.lato-regular-normal-granite-gray-16px {
  color: var(--granite-gray);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

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

.lato-regular-normal-mountain-mist-14px {
  color: var(--mountain-mist);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.lato-regular-normal-granite-gray-13px {
  color: var(--granite-gray);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.helveticaneue-medium-ebony-clay-16px {
  color: var(--ebony-clay);
  font-family: var(--font-family-helveticaneue-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.lato-regular-normal-chambray-16px {
  color: var(--chambray);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.lato-bold-chambray-15px {
  color: var(--chambray);
  font-family: var(--font-family-lato-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

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

.lato-bold-log-cabin-14px {
  color: var(--log-cabin);
  font-family: var(--font-family-lato-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.lato-regular-normal-log-cabin-12px {
  color: var(--log-cabin);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.lato-regular-normal-milano-red-14px {
  color: var(--milano-red);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.lato-bold-milano-red-16px {
  color: var(--milano-red-2);
  font-family: var(--font-family-lato-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.lato-bold-chambray-12px {
  color: var(--chambray);
  font-family: var(--font-family-lato-bold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.lato-bold-milano-red-14px {
  color: var(--milano-red);
  font-family: var(--font-family-lato-bold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

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

.applesymbols-normal-granite-gray-16px {
  color: var(--granite-gray);
  font-family: var(--font-family-applesymbols);
  font-size: var(--font-size-xl);
  font-style: normal;
}

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

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

.lato-regular-normal-chambray-15px {
  color: var(--chambray);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

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

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

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

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

.lato-regular-normal-granite-gray-12px {
  color: var(--granite-gray);
  font-family: var(--font-family-lato-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}