:root { --white: hsl(0 0% 100%); --black: hsl(240 14% 4%); --main: hsl(0 100% 49%); --bg: hsl(220, 30%, 96%); --border: hsl(213 16% 89%); --footer-txt: hsl(0 0% 100% / 0.48); --txt-gray: hsl(0 0% 44%); --bg-pop: hsl(240 14% 4% / 0.4); --ico: hsl(0 0% 60%); --bg-form: hsl(210, 14%, 97%); --b-blur: hsl(0 0% 0% / 0.52); --w-blur: hsl(0 0% 100% / 0.6); --blue-txt: hsl(229 100% 64%); --bg-blue-btn: hsl(230, 60%, 98%); --lead: hsl(230, 60%, 98%); --main-d-1: hsl(0, 100%, 45%); --main-d-2: hsl(0, 100%, 40%); --main-d-3: hsl(0, 100%, 36%); --main-d-4: hsl(0, 100%, 31%); --main-d-5: hsl(0, 100%, 27%); --main-d-6: hsl(0, 100%, 22%); --main-d-7: hsl(0, 100%, 18%); --main-d-8: hsl(0, 100%, 13%); --main-d-9: hsl(0, 100%, 9%); --main-d-10: hsl(0, 100%, 4%); --black-l-1: hsl(240, 6%, 9%); --black-l-2: hsl(240, 4%, 13%); --black-l-3: hsl(240, 3%, 18%); --black-l-4: hsl(240, 2%, 22%); --black-l-5: hsl(240, 2%, 27%); --black-l-6: hsl(240, 1%, 32%); --black-l-7: hsl(240, 1%, 36%); --black-l-8: hsl(240, 1%, 41%); --black-l-9: hsl(240, 1%, 45%); --black-l-10: hsl(240, 1%, 50%); --black-l-11: hsl(240, 1%, 54%); --black-l-12: hsl(240, 1%, 59%); --black-l-13: hsl(240, 1%, 63%); --black-l-14: hsl(240, 1%, 68%); --black-l-15: hsl(240, 1%, 73%); --black-l-16: hsl(240, 1%, 77%); --black-l-17: hsl(240, 1%, 82%); --black-l-18: hsl(240, 1%, 86%); --black-l-19: hsl(240, 1%, 91%); --black-l-20: hsl(240, 1%, 95%); --p-10: clamp(0.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 0.8rem), 1rem); --p-15: clamp(1.2rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.2rem), 1.5rem); --p-20: clamp(1.7rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.7rem), 2rem); --p-25: clamp(2.3rem, calc(0.0018518518518518534 * (100vw - 36rem) + 2.3rem), 2.5rem); --p-30: clamp(2.7rem, calc(0.002777777777777776 * (100vw - 36rem) + 2.7rem), 3rem); --p-40: clamp(3.7rem, calc(0.002777777777777776 * (100vw - 36rem) + 3.7rem), 4rem); --p-35: clamp(3.2rem, calc(0.002777777777777776 * (100vw - 36rem) + 3.2rem), 3.5rem); --p-45: clamp(4rem, calc(0.004629629629629629 * (100vw - 36rem) + 4rem), 4.5rem); --p-50: clamp(3rem, calc(0.018518518518518517 * (100vw - 36rem) + 3rem), 5rem); --p-60: clamp(3rem, calc(0.027777777777777776 * (100vw - 36rem) + 3rem), 6rem); --p-70: clamp(5.5rem, calc(0.013888888888888888 * (100vw - 36rem) + 5.5rem), 7rem); --p-75: clamp(6rem, calc(0.013888888888888888 * (100vw - 36rem) + 6rem), 7.5rem); --p-90: clamp(3rem, calc(0.05555555555555555 * (100vw - 36rem) + 3rem), 9rem); --hp: clamp(1.5rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.5rem), 1.6rem); --h6: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --h5: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --h4: clamp(1.9rem, calc(0.00277777777777778 * (100vw - 36rem) + 1.9rem), 2.2rem); --h3: clamp(2rem, calc(0.004629629629629629 * (100vw - 36rem) + 2rem), 2.5rem); --h2: clamp(2.5rem, calc(0.007407407407407406 * (100vw - 36rem) + 2.5rem), 3.3rem); --h1: clamp(2.5rem, calc(0.009259259259259259 * (100vw - 36rem) + 2.5rem), 3.5rem); --h0: clamp(3.5rem, calc(0.013888888888888888 * (100vw - 36rem) + 3.5rem), 5rem); --btn-radius: 13px; --radius: 15px; --dif-portfolio: clamp(40rem, calc(0.027777777777777776 * (100vw - 36rem) + 40rem), 43rem);}