@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&family=Inclusive+Sans&display=swap";:root{--color-bg:#f7f2ee;--color-text:#000a55;--color-muted:#8a8a99;--color-female:#e186c2;--color-male:#6aafd1;--color-female-light:#eab2d7;--color-male-light:#aad0e3;--color-grey-chart:#e5e4e2;--font-headline:"SF Pro Rounded", "Nunito", sans-serif;--font-body:"Inclusive Sans", sans-serif;--size-headline:30px;--size-section-title:30px;--size-body-lg:24px;--size-body-sm:18px;--size-caption:16px;--weight-semibold:600;--weight-regular:400;--page-max-width:1440px;--margin-outer:226px;--gap-title-body:12px}@media (width<=768px){:root{--margin-outer:40px;--size-headline:28px;--size-section-title:24px;--size-body-lg:20px}}@media (width<=480px){:root{--margin-outer:16px;--size-headline:24px;--size-section-title:20px;--size-body-lg:18px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--size-body-sm);-webkit-font-smoothing:antialiased;line-height:1.5}.section{text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex}.section__inner{width:100%;max-width:var(--page-max-width);padding-inline:var(--margin-outer)}.headline{font-family:var(--font-headline);font-size:var(--size-headline);font-weight:var(--weight-semibold);color:var(--color-text)}.section-title{font-family:var(--font-headline);font-size:var(--size-section-title);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--gap-title-body)}.body-lg{font-family:var(--font-body);font-size:var(--size-body-lg);font-weight:var(--weight-regular)}.body-sm{font-family:var(--font-body);font-size:var(--size-body-sm);font-weight:var(--weight-regular)}.caption{font-family:var(--font-body);font-size:var(--size-caption);color:var(--color-muted)}.text-female{color:var(--color-female)}.text-male{color:var(--color-male)}.text-muted{color:var(--color-muted)}.fill-female{fill:var(--color-female)}.fill-male{fill:var(--color-male)}.fill-female-light{fill:var(--color-female-light)}.fill-male-light{fill:var(--color-male-light)}.fill-grey-chart{fill:var(--color-grey-chart)}
