:root { 
  --alto: #dadada;
  --black: #000000;
  --black-2: #00000040;
  --blue-whale: #04204a;
  --cultured-pearl: #f5f5f5;
  --desert-storm: #f8f8f8;
  --eerie-black: #1b1b1b;
  --eucalyptus: #1e9948;
  --guardsman-red: #d90000;
  --onyx: #39393940;
  --silver-chalice: #ababab;
  --white: #ffffff;
 
  --font-size-l: 35px;
  --font-size-m: 25px;
  --font-size-s: 20px;
  --font-size-xl: 50px;
  --font-size-xs: 18px;
  --font-size-xxl: 70px;
  --font-size-xxs: 16px;
 
  --font-family-avenir-book: "Avenir-Book", Helvetica;
  --font-family-avenir-heavy: "Avenir-Heavy", Helvetica;
  --font-family-avenir-heavyoblique: "Avenir-HeavyOblique", Helvetica;
  --font-family-avenir-medium: "Avenir-Medium", Helvetica;
  --font-family-avenir-mediumoblique: "Avenir-MediumOblique", Helvetica;
  --font-family-avenir-regular: "Avenir-Regular", Helvetica;
  --font-family-avenir-roman: "Avenir-Roman", Helvetica;
  --font-family-helvetica-oblique: "Helvetica-Oblique", Helvetica;
  --font-family-helvetica-regular: "Helvetica-Regular", Helvetica;
  --font-family-inter: "Inter", Helvetica;
  --font-family-undefined-regular: "undefined-Regular", Helvetica;
}
.avenir-roman-normal-eerie-black-25px {
  color: var(--eerie-black);
  font-family: var(--font-family-avenir-roman);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

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

.avenir-medium-white-25px {
  color: var(--white);
  font-family: var(--font-family-avenir-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.inter-normal-eucalyptus-20px {
  color: var(--eucalyptus);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.avenir-roman-normal-black-25px {
  color: var(--black);
  font-family: var(--font-family-avenir-roman);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

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

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

.avenir-regular-normal-guardsman-red-25px {
  color: var(--guardsman-red);
  font-family: var(--font-family-avenir-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.avenir-heavy-normal-eerie-black-50px {
  color: var(--eerie-black);
  font-family: var(--font-family-avenir-heavy);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.avenir-heavy-normal-eerie-black-35px {
  color: var(--eerie-black);
  font-family: var(--font-family-avenir-heavy);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.avenir-heavy-normal-white-70px {
  color: var(--white);
  font-family: var(--font-family-avenir-heavy);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.avenir-heavy-normal-black-50px {
  color: var(--black);
  font-family: var(--font-family-avenir-heavy);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

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

.avenir-heavy-normal-eerie-black-45px {
  color: var(--eerie-black);
  font-family: var(--font-family-avenir-heavy);
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
}

.avenir-medium-eerie-black-20px {
  color: var(--eerie-black);
  font-family: var(--font-family-avenir-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.avenir-heavy-normal-eerie-black-25px {
  color: var(--eerie-black);
  font-family: var(--font-family-avenir-heavy);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.avenir-heavy-normal-eucalyptus-25px {
  color: var(--eucalyptus);
  font-family: var(--font-family-avenir-heavy);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.avenir-book-normal-black-25px {
  color: var(--black);
  font-family: var(--font-family-avenir-book);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.avenir-roman-normal-eerie-black-20px {
  color: var(--eerie-black);
  font-family: var(--font-family-avenir-roman);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.avenir-medium-eucalyptus-25px {
  color: var(--eucalyptus);
  font-family: var(--font-family-avenir-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.avenir-heavy-normal-white-50px {
  color: var(--white);
  font-family: var(--font-family-avenir-heavy);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.avenir-mediumoblique-medium-eerie-black-25px {
  color: var(--eerie-black);
  font-family: var(--font-family-avenir-mediumoblique);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}