:root { --black: #231E20; --white: #ffffff; --overlay: rgba(0, 0, 0, .4); --banner-overlay: hsla(0, 0%, 14%, 0.75); --dark-gray: #252525; --green: #C8FD47; --green-overlay: hsla(77, 98%, 64%, 0.35); --img-overlay: hsla(0, 0%, 0%, 0.3); --banner-overlay-light: hsla(0, 0%, 14%, 0.6); --transparent: rgba(0,0,0,0); --light-gray: #BBBBBB; --text-2xs: clamp(0.77rem, calc(-0.00009259259259259267 * (100vw - 36rem) + 0.77rem), 0.76rem); --text-xs: clamp(0.96rem, calc(0.00046296296296296336 * (100vw - 36rem) + 0.96rem), 1.01rem); --text-s: clamp(1.2rem, calc(0.00138888888888889 * (100vw - 36rem) + 1.2rem), 1.35rem); --text-m: clamp(1.5rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.5rem), 1.8rem); --text-l: clamp(1.88rem, calc(0.004814814814814815 * (100vw - 36rem) + 1.88rem), 2.4rem); --text-xl: clamp(2.34rem, calc(0.007962962962962965 * (100vw - 36rem) + 2.34rem), 3.2rem); --text-2xl: clamp(2.93rem, calc(0.012314814814814811 * (100vw - 36rem) + 2.93rem), 4.26rem);}