:root { 
  --alto: #d9d9d9;
  --chicago: #5a5a5a;
  --chicago-2: #5a5a5a40;
  --desert-storm: #f8f8f8;
  --gallery: #ededed;
  --geyser: #d8e1e8;
  --nobel: #b4b4b4;
  --nobel-2: #b2b2b2;
  --pumice: #cacaca;
  --rose-pearl: #ee346f;
  --shark: #292929;
  --silver-chalice: #afafaf;
  --white: #ffffff;
 
  --font-size-l: 20px;
  --font-size-m: 14px;
  --font-size-s: 12px;
  --font-size-xl: 23px;
  --font-size-xs: 9px;
  --font-size-xxl: 25px;
  --font-size-xxxl: 27px;
 
  --font-family-noto_sans: "Noto Sans", Helvetica;
  --font-family-perspective_sans: "Perspective Sans", Helvetica;
  --font-family-perspectivesans-bold: "PerspectiveSans-Bold", Helvetica;
  --font-family-perspectivesans-regular: "PerspectiveSans-Regular", Helvetica;
}
.notosans-normal-shark-14px {
  color: var(--shark);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

.notosans-normal-shark-12px {
  color: var(--shark);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.perspectivesans-bold-rose-pearl-36px {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
}

.perspectivesans-bold-rose-pearl-25px {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.notosans-normal-white-14px {
  color: var(--white);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-pumice-12px {
  color: var(--pumice);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-chicago-14px {
  color: var(--chicago);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-shark-14px-2 {
  color: var(--shark);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
}

.notosans-normal-white-12px {
  color: var(--white);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-nobel-16px {
  color: var(--nobel-2);
  font-family: var(--font-family-noto_sans);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-pumice-11px {
  color: var(--pumice);
  font-family: var(--font-family-noto_sans);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}

.perspectivesans-bold-rose-pearl-20px {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.perspectivesans-bold-rose-pearl-26px {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
}

.notosans-bold-shark-14px-2 {
  color: var(--shark);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
}

.perspectivesans-bold-rose-pearl-18px {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.notosans-bold-shark-12px {
  color: var(--shark);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.notosans-normal-white-9px {
  color: var(--white);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.perspectivesans-regular-normal-nobel-27px {
  color: var(--nobel);
  font-family: var(--font-family-perspectivesans-regular);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-pumice-12px-2 {
  color: var(--pumice);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-s);
}

.notosans-bold-pumice-12px {
  color: var(--pumice);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.perspectivesans-regular-normal-nobel-23px {
  color: var(--nobel);
  font-family: var(--font-family-perspectivesans-regular);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-pumice-9px {
  color: var(--pumice);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-shark-12px-2 {
  color: var(--shark);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-s);
}

.notosans-normal-shark-9px {
  color: var(--shark);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.perspectivesans-bold-rose-pearl-23px {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.notosans-normal-pumice-11px-2 {
  color: var(--pumice);
  font-family: var(--font-family-noto_sans);
  font-size: 11px;
}

.notosans-bold-pumice-11px {
  color: var(--pumice);
  font-family: var(--font-family-noto_sans);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.perspectivesans-normal-nobel-27px {
  color: var(--nobel);
  font-family: var(--font-family-perspective_sans);
  font-size: var(--font-size-xxxl);
}

.perspectivesans-bold-rose-pearl-27px {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.perspectivesans-normal-nobel-23px {
  color: var(--nobel);
  font-family: var(--font-family-perspective_sans);
  font-size: var(--font-size-xl);
}

.notosans-normal-nobel-14px {
  color: var(--nobel-2);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-pumice-9px-2 {
  color: var(--pumice);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xs);
}

.notosans-bold-pumice-9px {
  color: var(--pumice);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.perspectivesans-bold-rose-pearl-26px-2 {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspective_sans);
  font-size: 26px;
}

.perspectivesans-bold-rose-pearl-16px {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.perspectivesans-bold-rose-pearl-50px {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
}

.notosans-bold-shark-23px {
  color: var(--shark);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

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

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

.notosans-bold-rose-pearl-14px {
  color: var(--rose-pearl);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

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

.perspectivesans-bold-rose-pearl-56px {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
}

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

.perspectivesans-bold-rose-pearl-22px {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
}

.notosans-normal-shark-23px {
  color: var(--shark);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-rose-pearl-14px {
  color: var(--rose-pearl);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-rose-pearl-9px {
  color: var(--rose-pearl);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-shark-23px-2 {
  color: var(--shark);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-xl);
}

.notosans-normal-chicago-12px {
  color: var(--chicago);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.perspectivesans-bold-rose-pearl-48px {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
}

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

.perspectivesans-bold-rose-pearl-36px-2 {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspective_sans);
  font-size: 36px;
}

.notosans-normal-white-14px-2 {
  color: var(--white);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-m);
}

.perspectivesans-bold-rose-pearl-90px {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: 90px;
  font-style: normal;
  font-weight: 700;
}

.perspectivesans-bold-rose-pearl-45px {
  color: var(--rose-pearl);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
}

.notosans-bold-white-12px {
  color: var(--white);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.perspectivesans-bold-chicago-25px {
  color: var(--chicago);
  font-family: var(--font-family-perspectivesans-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

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

.notosans-normal-silver-chalice-12px {
  color: var(--silver-chalice);
  font-family: var(--font-family-noto_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.notosans-normal-silver-chalice-11px {
  color: var(--silver-chalice);
  font-family: var(--font-family-noto_sans);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}