:root { --primary: hsl(46, 100%, 59%); --secondary: hsl(118, 100%, 65%); --dark: hsl(0, 0%, 9%); --space-2xs: clamp(0.51rem, calc(0.00033333333333333365 * (100vw - 20rem) + 0.51rem), 0.53rem); --space-xs: clamp(0.64rem, calc(0.000999999999999999 * (100vw - 20rem) + 0.64rem), 0.7rem); --space-s: clamp(0.8rem, calc(0.002333333333333332 * (100vw - 20rem) + 0.8rem), 0.94rem); --space-m: clamp(1rem, calc(0.004166666666666667 * (100vw - 20rem) + 1rem), 1.25rem); --space-l: clamp(1.25rem, calc(0.006999999999999998 * (100vw - 20rem) + 1.25rem), 1.67rem); --space-xl: clamp(1.56rem, calc(0.011000000000000003 * (100vw - 20rem) + 1.56rem), 2.22rem); --space-2xl: clamp(1.95rem, calc(0.016833333333333332 * (100vw - 20rem) + 1.95rem), 2.96rem); --space-3xl: clamp(2.44rem, calc(0.02516666666666667 * (100vw - 20rem) + 2.44rem), 3.95rem); --space-4xl: clamp(3.05rem, calc(0.036833333333333336 * (100vw - 20rem) + 3.05rem), 5.26rem); --text-2xs: clamp(0.51rem, calc(0.00033333333333333365 * (100vw - 20rem) + 0.51rem), 0.53rem); --text-xs: clamp(0.64rem, calc(0.000999999999999999 * (100vw - 20rem) + 0.64rem), 0.7rem); --text-s: clamp(0.8rem, calc(0.002333333333333332 * (100vw - 20rem) + 0.8rem), 0.94rem); --text-m: clamp(1rem, calc(0.004166666666666667 * (100vw - 20rem) + 1rem), 1.25rem); --text-l: clamp(1.25rem, calc(0.006999999999999998 * (100vw - 20rem) + 1.25rem), 1.67rem); --text-xl: clamp(1.56rem, calc(0.011000000000000003 * (100vw - 20rem) + 1.56rem), 2.22rem); --text-2xl: clamp(1.95rem, calc(0.016833333333333332 * (100vw - 20rem) + 1.95rem), 2.96rem);}.bg-primary { background-color: var(--primary); }.text-primary { color: var(--primary); }.fill-primary { fill: var(--primary); }.border-primary { border-color: var(--primary); }.p-2xs { padding: var(--space-2xs); }.p-xs { padding: var(--space-xs); }.p-s { padding: var(--space-s); }.p-m { padding: var(--space-m); }.p-l { padding: var(--space-l); }.p-xl { padding: var(--space-xl); }.p-2xl { padding: var(--space-2xl); }.p-3xl { padding: var(--space-3xl); }.p-4xl { padding: var(--space-4xl); }.m-2xs { margin: var(--space-2xs); }.m-xs { margin: var(--space-xs); }.m-s { margin: var(--space-s); }.m-m { margin: var(--space-m); }.m-l { margin: var(--space-l); }.m-xl { margin: var(--space-xl); }.m-2xl { margin: var(--space-2xl); }.m-3xl { margin: var(--space-3xl); }.m-4xl { margin: var(--space-4xl); }.px-2xs { padding-inline: var(--space-2xs); }.px-xs { padding-inline: var(--space-xs); }.px-s { padding-inline: var(--space-s); }.px-m { padding-inline: var(--space-m); }.px-l { padding-inline: var(--space-l); }.px-xl { padding-inline: var(--space-xl); }.px-2xl { padding-inline: var(--space-2xl); }.px-3xl { padding-inline: var(--space-3xl); }.px-4xl { padding-inline: var(--space-4xl); }.py-2xs { padding-block: var(--space-2xs); }.py-xs { padding-block: var(--space-xs); }.py-s { padding-block: var(--space-s); }.py-m { padding-block: var(--space-m); }.py-l { padding-block: var(--space-l); }.py-xl { padding-block: var(--space-xl); }.py-2xl { padding-block: var(--space-2xl); }.py-3xl { padding-block: var(--space-3xl); }.py-4xl { padding-block: var(--space-4xl); }.mx-2xs { margin-inline: var(--space-2xs); }.mx-xs { margin-inline: var(--space-xs); }.mx-s { margin-inline: var(--space-s); }.mx-m { margin-inline: var(--space-m); }.mx-l { margin-inline: var(--space-l); }.mx-xl { margin-inline: var(--space-xl); }.mx-2xl { margin-inline: var(--space-2xl); }.mx-3xl { margin-inline: var(--space-3xl); }.mx-4xl { margin-inline: var(--space-4xl); }.my-2xs { margin-block: var(--space-2xs); }.my-xs { margin-block: var(--space-xs); }.my-s { margin-block: var(--space-s); }.my-m { margin-block: var(--space-m); }.my-l { margin-block: var(--space-l); }.my-xl { margin-block: var(--space-xl); }.my-2xl { margin-block: var(--space-2xl); }.my-3xl { margin-block: var(--space-3xl); }.my-4xl { margin-block: var(--space-4xl); }