:root { --color7: #99cc33; --orange: #f2790f; --color-2: #ffffff; --color-3: #f2a411; --color-5: #063250; --color-6: #02121d; --color-7: #456077; --green: rgba(68, 212, 11, 0.23); --dark: hsla(204, 87%, 6%, 0.57); --med: hsla(204, 87%, 6%, 0.25); --lite: hsla(204, 87%, 6%, 0.06); --space-2xs: clamp(1.02rem, calc(0.0023148148148148147 * (100vw - 36rem) + 1.02rem), 1.27rem); --space-xs: clamp(1.28rem, calc(0.0037962962962962954 * (100vw - 36rem) + 1.28rem), 1.69rem); --space-s: clamp(1.6rem, calc(0.006018518518518518 * (100vw - 36rem) + 1.6rem), 2.25rem); --space-m: clamp(2rem, calc(0.009259259259259259 * (100vw - 36rem) + 2rem), 3rem); --space-l: clamp(2.5rem, calc(0.013888888888888888 * (100vw - 36rem) + 2.5rem), 4rem); --space-xl: clamp(3.13rem, calc(0.020370370370370372 * (100vw - 36rem) + 3.13rem), 5.33rem); --space-2xl: clamp(3.91rem, calc(0.02962962962962963 * (100vw - 36rem) + 3.91rem), 7.11rem); --text-2xs: clamp(1.04rem, calc(0 * (100vw - 36rem) + 1.04rem), 1.04rem); --text-xs: clamp(1.25rem, calc(0 * (100vw - 36rem) + 1.25rem), 1.25rem); --text-s: clamp(1.5rem, calc(0 * (100vw - 36rem) + 1.5rem), 1.5rem); --text-m: clamp(1.8rem, calc(0 * (100vw - 36rem) + 1.8rem), 1.8rem); --text-l: clamp(2.16rem, calc(0 * (100vw - 36rem) + 2.16rem), 2.16rem); --text-xl: clamp(2.59rem, calc(0 * (100vw - 36rem) + 2.59rem), 2.59rem); --text-2xl: clamp(3.11rem, calc(0 * (100vw - 36rem) + 3.11rem), 3.11rem);}