:root { 
  --black: #000000;
  --celeste: #cccccc;
  --cloud: #c6c6c6;
  --gallery: #eeeeee;
  --granite-gray: #696969;
  --gray: #666666;
  --link: #5456ff;
  --log-cabin: #222222;
  --white: #ffffff;
 
  --font-size-l: 24px;
  --font-size-m: 20px;
  --font-size-s: 18px;
  --font-size-xl: 40px;
  --font-size-xs: 17px;
  --font-size-xxl: 55px;
  --font-size-xxs: 16px;
 
  --font-family-helvetica-bold: "Helvetica-Bold", Helvetica;
  --font-family-helvetica-regular: "Helvetica-Regular", Helvetica;
  --font-family-undefined-regular: "undefined-Regular", Helvetica;
}
.p {
  font-family: var(--font-family-helvetica-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

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

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

.helvetica-regular-normal-blueberry-16px {
  color: var(--link);
  font-family: var(--font-family-helvetica-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.helvetica-regular-normal-white-16px {
  font-family: var(--font-family-helvetica-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

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

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

.helvetica-regular-normal-white-16px-2 {
  color: var(--white);
  font-family: var(--font-family-helvetica-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

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

.helvetica-bold-log-cabin-40px {
  color: var(--log-cabin);
  font-family: var(--font-family-helvetica-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

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

.helvetica-regular-normal-cloud-16px {
  color: var(--cloud);
  font-family: var(--font-family-helvetica-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

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