:root { 
  --black: #000000;
  --eerie-black: #19161c;
  --jaguar: #00010d;
  --purple-heart: #5c24ff;
  --white: #ffffff;
 
  --font-size-l: 32px;
  --font-size-m: 24px;
  --font-size-s: 20px;
  --font-size-xl: 40px;
  --font-size-xxl: 48px;
  --font-size-xxxl: 64px;
 
  --font-family-space_grotesk: "Space Grotesk", Helvetica;
  --font-family-ubuntu: "Ubuntu", Helvetica;
  --font-family-ubuntu_sans: "Ubuntu Sans", Helvetica;
  --font-family-unbounded: "Unbounded", Helvetica;
}
.ubuntusans-normal-white-24px {
  color: var(--white);
  font-family: var(--font-family-ubuntu_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.ubuntusans-extra-bold-white-24px {
  color: var(--white);
  font-family: var(--font-family-ubuntu_sans);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 800;
}

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

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

.ubuntusans-extra-bold-white-64px {
  color: var(--white);
  font-family: var(--font-family-ubuntu_sans);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 800;
}

.ubuntusans-normal-white-48px {
  color: var(--white);
  font-family: var(--font-family-ubuntu_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.ubuntusans-extra-bold-white-64px-2 {
  font-family: var(--font-family-ubuntu_sans);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 800;
}

.ubuntusans-extra-bold-white-32px {
  color: var(--white);
  font-family: var(--font-family-ubuntu_sans);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 800;
}

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

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

.ubuntusans-extra-bold-purple-heart-64px {
  color: var(--purple-heart);
  font-family: var(--font-family-ubuntu_sans);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 800;
}

.ubuntusans-normal-white-48px-2 {
  font-family: var(--font-family-ubuntu_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.ubuntusans-extra-bold-purple-heart-48px {
  color: var(--purple-heart);
  font-family: var(--font-family-ubuntu_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 800;
}

.ubuntusans-medium-white-40px {
  color: var(--white);
  font-family: var(--font-family-ubuntu_sans);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

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

.ubuntusans-medium-white-20px {
  color: var(--white);
  font-family: var(--font-family-ubuntu_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

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