:root { --color-1: hsl(20 100% 97%); --color-2: hsl(18 29% 91%); --color-3: hsl(358 63% 36%); --color-4: #420B0B; --color-5: hsl(46 82% 5%); --text--2: clamp(1.11rem, calc(0.0015740740740740734 * (100vw - 36rem) + 1.11rem), 1.28rem); --text--1: clamp(1.33rem, calc(0.0025 * (100vw - 36rem) + 1.33rem), 1.6rem); --text-0: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-1: clamp(1.92rem, calc(0.005370370370370371 * (100vw - 36rem) + 1.92rem), 2.5rem); --text-2: clamp(2.3rem, calc(0.0076851851851851855 * (100vw - 36rem) + 2.3rem), 3.13rem); --text-3: clamp(2.76rem, calc(0.010648148148148151 * (100vw - 36rem) + 2.76rem), 3.91rem); --text-4: clamp(3.32rem, calc(0.014444444444444446 * (100vw - 36rem) + 3.32rem), 4.88rem); --text-5: clamp(3.98rem, calc(0.019629629629629625 * (100vw - 36rem) + 3.98rem), 6.1rem); --text-6: clamp(4.78rem, calc(0.026388888888888885 * (100vw - 36rem) + 4.78rem), 7.63rem); --text-7: clamp(5.73rem, calc(0.03527777777777777 * (100vw - 36rem) + 5.73rem), 9.54rem); --text-8: clamp(6.88rem, calc(0.04666666666666667 * (100vw - 36rem) + 6.88rem), 11.92rem); --space--2: clamp(1.11rem, calc(0.0015740740740740734 * (100vw - 36rem) + 1.11rem), 1.28rem); --space--1: clamp(1.33rem, calc(0.0025 * (100vw - 36rem) + 1.33rem), 1.6rem); --space-0: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-1: clamp(1.92rem, calc(0.005370370370370371 * (100vw - 36rem) + 1.92rem), 2.5rem); --space-2: clamp(2.3rem, calc(0.0076851851851851855 * (100vw - 36rem) + 2.3rem), 3.13rem); --space-3: clamp(2.76rem, calc(0.010648148148148151 * (100vw - 36rem) + 2.76rem), 3.91rem); --space-4: clamp(3.32rem, calc(0.014444444444444446 * (100vw - 36rem) + 3.32rem), 4.88rem); --space-5: clamp(3.98rem, calc(0.019629629629629625 * (100vw - 36rem) + 3.98rem), 6.1rem); --space-6: clamp(4.78rem, calc(0.026388888888888885 * (100vw - 36rem) + 4.78rem), 7.63rem);}.bg-color-1 { background-color: var(--color-1); }.border-color-2 { border-color: var(--color-2); }