:root { --colour-1: #039a2a; --white: #ffffff; --black: #000000; --transparent: rgba(255, 255, 255, 0); --pale: #F5FFF8; --colour-2: #4a4e57; --lighter: #CAFCD7; --mid: #65bc7b; --dark: #027820; --darkest: #015015; --h1: clamp(4rem, calc(0.02285714285714286 * (100vw - 39rem) + 4rem), 6.4rem); --h2: clamp(3.2rem, calc(0.015238095238095235 * (100vw - 39rem) + 3.2rem), 4.8rem); --h3: clamp(2.4rem, calc(0.007619047619047622 * (100vw - 39rem) + 2.4rem), 3.2rem); --h4: clamp(2rem, calc(0.0038095238095238087 * (100vw - 39rem) + 2rem), 2.4rem); --h5: clamp(1.8rem, calc(0.0019047619047619043 * (100vw - 39rem) + 1.8rem), 2rem); --text-p: clamp(1.6rem, calc(0.0019047619047619043 * (100vw - 39rem) + 1.6rem), 1.8rem); --text-small: clamp(1.2rem, calc(0.003809523809523811 * (100vw - 39rem) + 1.2rem), 1.6rem); --text-lead: clamp(1.8rem, calc(0.005714285714285713 * (100vw - 39rem) + 1.8rem), 2.4rem); --space-80to48: clamp(4.8rem, calc(0.030476190476190476 * (100vw - 39rem) + 4.8rem), 8rem); --space-48to24: clamp(2.4rem, calc(0.022857142857142857 * (100vw - 39rem) + 2.4rem), 4.8rem); --space-24to16: clamp(1.6rem, calc(0.007619047619047617 * (100vw - 39rem) + 1.6rem), 2.4rem); --space-48to0: clamp(1.6rem, calc(0.0038095238095238087 * (100vw - 39rem) + 1.6rem), 2rem); --space-24to0: clamp(2rem, calc(0.00638095238095238 * (100vw - 39rem) + 2rem), 2.67rem); --space-32to24: clamp(2.4rem, calc(0.007619047619047622 * (100vw - 39rem) + 2.4rem), 3.2rem); --space-24to12: clamp(1.2rem, calc(0.011428571428571429 * (100vw - 39rem) + 1.2rem), 2.4rem);}