:root { 
  --alto: #d9d9d9;
  --blue-zodiac: #142457;
  --wwwcanvacomblack: #000000;
  --wwwcanvacomwhite: #ffffff;
 
  --font-size-l: 22px;
  --font-size-m: 20px;
  --font-size-s: 16px;
  --font-size-xl: 24px;
  --font-size-xs: 14px;
  --font-size-xxl: 28px;
  --font-size-xxxl: 40px;
 
  --font-family-poppins: "Poppins", Helvetica;
  --font-family-ubuntu: "Ubuntu", Helvetica;
}
.poppins-medium-16 {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

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

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

.poppins-medium-black-20px {
  color: var(--wwwcanvacomblack);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

.poppins-bold-blue-zodiac-40px {
  color: var(--blue-zodiac);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.poppins-normal-black-20px {
  color: var(--wwwcanvacomblack);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  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-light-blue-zodiac-28px {
  color: var(--blue-zodiac);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 300;
}

.poppins-semi-bold-blue-zodiac-40px {
  color: var(--blue-zodiac);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
}

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

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