:root { --green-off-white: hsl(105 55% 96%); --light-blue-1: hsl(182 43% 76%); --light-blue-2: hsl(203 39% 44%); --dark-blue-1: hsl(215 50% 23%); --red-contrast-1: hsl(355 78% 56%); --white: hsl(0 0% 100%); --grey-text---white: hsl(0 0% 20%); --color-1: hsl(176 100% 55%); --color-2: hsl(328 100% 55%); --color-3: hsl(267 80% 45%); --color-4: hsl(287 100% 55%); --color-5: hsl(165 100% 55%); --space-4xs: clamp(0.55rem, calc(-0.002166666666666668 * (100vw - 20rem) + 0.55rem), 0.42rem); --space-3xs: clamp(0.62rem, calc(-0.001166666666666666 * (100vw - 20rem) + 0.62rem), 0.55rem); --space-2xs: clamp(0.7rem, calc(0.0006666666666666673 * (100vw - 20rem) + 0.7rem), 0.74rem); --space-xs: clamp(0.79rem, calc(0.0031666666666666657 * (100vw - 20rem) + 0.79rem), 0.98rem); --space-s: clamp(0.89rem, calc(0.007000000000000001 * (100vw - 20rem) + 0.89rem), 1.31rem); --space-m: clamp(1rem, calc(0.0125 * (100vw - 20rem) + 1rem), 1.75rem); --space-l: clamp(1.13rem, calc(0.020000000000000004 * (100vw - 20rem) + 1.13rem), 2.33rem); --space-xl: clamp(1.27rem, calc(0.030666666666666665 * (100vw - 20rem) + 1.27rem), 3.11rem); --space-2xl: clamp(1.42rem, calc(0.045500000000000006 * (100vw - 20rem) + 1.42rem), 4.15rem); --space-3xl: clamp(1.6rem, calc(0.0655 * (100vw - 20rem) + 1.6rem), 5.53rem); --space-4xl: clamp(1.8rem, calc(0.09283333333333334 * (100vw - 20rem) + 1.8rem), 7.37rem); --nav-link-size: var(--text-s); --text-2xs: clamp(1.12rem, calc(-0.0007407407407407414 * (100vw - 36rem) + 1.12rem), 1.04rem); --text-xs: clamp(1.26rem, calc(-0.00009259259259259267 * (100vw - 36rem) + 1.26rem), 1.25rem); --text-s: clamp(1.42rem, calc(0.0007407407407407414 * (100vw - 36rem) + 1.42rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.8rem, calc(0.0033333333333333344 * (100vw - 36rem) + 1.8rem), 2.16rem); --text-xl: clamp(2.02rem, calc(0.005277777777777776 * (100vw - 36rem) + 2.02rem), 2.59rem); --text-2xl: clamp(2.28rem, calc(0.0076851851851851855 * (100vw - 36rem) + 2.28rem), 3.11rem); --hero-title-size: var(--text-4xl); --post-title-size: var(--text-2xl); --h-6: clamp(1.28rem, calc(-0.0003703703703703707 * (100vw - 36rem) + 1.28rem), 1.24rem); --h-5: clamp(1.6rem, calc(0.0004629629629629613 * (100vw - 36rem) + 1.6rem), 1.65rem); --h-4: clamp(2rem, calc(0.0018518518518518534 * (100vw - 36rem) + 2rem), 2.2rem); --h-3: clamp(2.5rem, calc(0.0039814814814814825 * (100vw - 36rem) + 2.5rem), 2.93rem); --h-2: clamp(3.13rem, calc(0.0072222222222222245 * (100vw - 36rem) + 3.13rem), 3.91rem); --h-1: clamp(3.91rem, calc(0.012037037037037035 * (100vw - 36rem) + 3.91rem), 5.21rem); --h-title: clamp(4.88rem, calc(0.01916666666666667 * (100vw - 36rem) + 4.88rem), 6.95rem);}