:root { 
  --alto: #d9d9d9;
  --black: #00000033;
  --black-haze: #f7f7f7;
  --blue-zodiac: #142457;
  --eerie-black: #171717;
  --eerie-black-2: #1b1717;
  --quill-gray: #d5d5d5;
  --wwwcanvacomblack: #000000;
  --wwwcanvacomwhite: #ffffff;
 
  --font-size-22px: 22px;
  --font-size-l: 28px;
  --font-size-m: 20px;
  --font-size-s: 18px;
  --font-size-xl: 40px;
  --font-size-xs: 16px;
  --font-size-xxs: 14px;
  --font-size-xxxs: 11px;
 
  --font-family-poppins: "Poppins", Helvetica;
  --font-family-ubuntu: "Ubuntu", Helvetica;
}
.h1 {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.paragraph-body-text {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.h2 {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.poppins-medium-16 {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.poppins-regular-16 {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.poppins-semibold-22 {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-22px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.poppins-light-eerie-black-11px {
  color: var(--eerie-black-2);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 300;
}

.poppins-medium-black-haze-40px {
  color: var(--black-haze);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

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

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

.poppins-normal-alto-18px {
  color: var(--alto);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}