:root { --primary: #2816DA; --secodary: #A4A4A4; --black: #000; --white: #fff; --font-size-1: clamp(5rem, calc(0.046296296296296294 * (100vw - 36rem) + 5rem), 10rem); --font-size-2: clamp(3rem, calc(0.027777777777777776 * (100vw - 36rem) + 3rem), 6rem); --font-size-3: clamp(2.2rem, calc(0.012037037037037035 * (100vw - 36rem) + 2.2rem), 3.5rem); --font-size-4: clamp(1.8rem, calc(0.009259259259259257 * (100vw - 36rem) + 1.8rem), 2.8rem); --font-size-5: clamp(1.7rem, calc(0.006481481481481481 * (100vw - 36rem) + 1.7rem), 2.4rem); --font-size-6: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --font-size-7: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --font-size-8: clamp(3.91rem, calc(0.022222222222222216 * (100vw - 36rem) + 3.91rem), 6.31rem); --space-2xs: clamp(0.4rem, calc(0.003703703703703704 * (100vw - 36rem) + 0.4rem), 0.8rem); --space-xs: clamp(1rem, calc(0.005555555555555557 * (100vw - 36rem) + 1rem), 1.6rem); --space-s: clamp(1.2rem, calc(0.007407407407407408 * (100vw - 36rem) + 1.2rem), 2rem); --space-m: clamp(2rem, calc(0.009259259259259259 * (100vw - 36rem) + 2rem), 3rem); --space-l: clamp(3rem, calc(0.018518518518518517 * (100vw - 36rem) + 3rem), 5rem); --space-xl: clamp(4rem, calc(0.037037037037037035 * (100vw - 36rem) + 4rem), 8rem); --space-2xl: clamp(5.5rem, calc(0.05185185185185185 * (100vw - 36rem) + 5.5rem), 11.1rem);}.font-size-1 { font-size: var(--font-size-1); }.font-size-2 { font-size: var(--font-size-2); }.font-size-3 { font-size: var(--font-size-3); }.font-size-4 { font-size: var(--font-size-4); }.font-size-5 { font-size: var(--font-size-5); }.font-size-6 { font-size: var(--font-size-6); }.font-size-7 { font-size: var(--font-size-7); }.font-size-8 { font-size: var(--font-size-8); }.padding-2xs { padding: var(--space-2xs); }.padding-xs { padding: var(--space-xs); }.padding-s { padding: var(--space-s); }.padding-m { padding: var(--space-m); }.padding-l { padding: var(--space-l); }.padding-xl { padding: var(--space-xl); }.padding-2xl { padding: var(--space-2xl); }.mb-2xs { margin-bottom: var(--space-2xs); }.mb-xs { margin-bottom: var(--space-xs); }.mb-s { margin-bottom: var(--space-s); }.mb-m { margin-bottom: var(--space-m); }.mb-l { margin-bottom: var(--space-l); }.mb-xl { margin-bottom: var(--space-xl); }.mb-2xl { margin-bottom: var(--space-2xl); }.mt-2xs { margin-top: var(--space-2xs); }.mt-xs { margin-top: var(--space-xs); }.mt-s { margin-top: var(--space-s); }.mt-m { margin-top: var(--space-m); }.mt-l { margin-top: var(--space-l); }.mt-xl { margin-top: var(--space-xl); }.mt-2xl { margin-top: var(--space-2xl); }