:root { --primary: #db5ace; --secondary: #347cad; --light: hsl(0, 0%, 100%); --light-d-1: hsl(0, 0%, 91%); --light-d-2: hsl(0, 0%, 82%); --light-d-3: hsl(0, 0%, 73%); --light-d-4: hsl(0, 0%, 64%); --light-d-5: hsl(0, 0%, 55%); --light-d-6: hsl(0, 0%, 45%); --light-d-7: hsl(0, 0%, 36%); --light-d-8: hsl(0, 0%, 27%); --light-d-9: hsl(0, 0%, 18%); --light-d-10: hsl(0, 0%, 9%); --light-t-1: hsla(0, 0%, 100%, 0.09); --light-t-2: hsla(0, 0%, 100%, 0.18); --light-t-3: hsla(0, 0%, 100%, 0.27); --light-t-4: hsla(0, 0%, 100%, 0.36); --light-t-5: hsla(0, 0%, 100%, 0.45); --light-t-6: hsla(0, 0%, 100%, 0.55); --light-t-7: hsla(0, 0%, 100%, 0.64); --light-t-8: hsla(0, 0%, 100%, 0.73); --light-t-9: hsla(0, 0%, 100%, 0.82); --light-t-10: hsla(0, 0%, 100%, 0.91); --dark: hsl(0, 0%, 0%); --dark-t-1: hsla(0, 0%, 0%, 0.09); --dark-t-2: hsla(0, 0%, 0%, 0.18); --dark-t-3: hsla(0, 0%, 0%, 0.27); --dark-t-4: hsla(0, 0%, 0%, 0.36); --dark-t-5: hsla(0, 0%, 0%, 0.45); --dark-t-6: hsla(0, 0%, 0%, 0.55); --dark-t-7: hsla(0, 0%, 0%, 0.64); --dark-t-8: hsla(0, 0%, 0%, 0.73); --dark-t-9: hsla(0, 0%, 0%, 0.82); --dark-t-10: hsla(0, 0%, 0%, 0.91); --dark-l-1: hsl(0, 0%, 9%); --dark-l-2: hsl(0, 0%, 18%); --dark-l-3: hsl(0, 0%, 27%); --dark-l-4: hsl(0, 0%, 36%); --dark-l-5: hsl(0, 0%, 45%); --dark-l-6: hsl(0, 0%, 55%); --dark-l-7: hsl(0, 0%, 64%); --dark-l-8: hsl(0, 0%, 73%); --dark-l-9: hsl(0, 0%, 82%); --dark-l-10: hsl(0, 0%, 91%); --site-background: var(--primary-l-8); --error: hsl(0, 100%, 50%); --success: hsl(114, 92%, 47%); --secondary-l-1: #4688b4; --secondary-l-2: #5994bc; --secondary-l-3: #6ba0c3; --secondary-l-4: #7eaccb; --secondary-l-5: #90b8d2; --secondary-l-6: #a3c3da; --secondary-l-7: #b5cfe1; --secondary-l-8: #c8dbe9; --secondary-l-9: #dae7f0; --secondary-l-10: #edf3f8; --secondary-d-1: #2f719d; --secondary-d-2: #2b658e; --secondary-d-3: #265a7e; --secondary-d-4: #214f6e; --secondary-d-5: #1c445e; --secondary-d-6: #18384f; --secondary-d-7: #132d3f; --secondary-d-8: #0e222f; --secondary-d-9: #09171f; --secondary-d-10: #050b10; --secondary-t-1: hsla(204, 54%, 44%, 0.09); --secondary-t-2: hsla(204, 54%, 44%, 0.18); --secondary-t-3: hsla(204, 54%, 44%, 0.27); --secondary-t-4: hsla(204, 54%, 44%, 0.36); --secondary-t-5: hsla(204, 54%, 44%, 0.45); --secondary-t-6: hsla(204, 54%, 44%, 0.55); --secondary-t-7: hsla(204, 54%, 44%, 0.64); --secondary-t-8: hsla(204, 54%, 44%, 0.73); --secondary-t-9: hsla(204, 54%, 44%, 0.82); --secondary-t-10: hsla(204, 54%, 44%, 0.91); --box-light: var(--light-t-6); --primary-l-1: #de69d2; --primary-l-2: #e278d7; --primary-l-3: #e587db; --primary-l-4: #e896e0; --primary-l-5: #eba5e4; --primary-l-6: #efb4e9; --primary-l-7: #f2c3ed; --primary-l-8: #f5d2f2; --primary-l-9: #f8e1f6; --primary-l-10: #fcf0fb; --primary-d-1: #c752bb; --primary-d-2: #b34aa9; --primary-d-3: #9f4196; --primary-d-4: #8b3983; --primary-d-5: #773170; --primary-d-6: #64295e; --primary-d-7: #50214b; --primary-d-8: #3c1938; --primary-d-9: #281025; --primary-d-10: #140813; --primary-t-1: hsla(306, 64%, 61%, 0.09); --primary-t-2: hsla(306, 64%, 61%, 0.18); --primary-t-3: hsla(306, 64%, 61%, 0.27); --primary-t-4: hsla(306, 64%, 61%, 0.36); --primary-t-5: hsla(306, 64%, 61%, 0.45); --primary-t-6: hsla(306, 64%, 61%, 0.55); --primary-t-7: hsla(306, 64%, 61%, 0.64); --primary-t-8: hsla(306, 64%, 61%, 0.73); --primary-t-9: hsla(306, 64%, 61%, 0.82); --primary-t-10: hsla(306, 64%, 61%, 0.91); --heading-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --heading-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --heading-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --heading-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --heading-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --heading-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --text-xs: clamp(1.11rem, calc(0.0012962962962962954 * (100vw - 36rem) + 1.11rem), 1.25rem); --text-s: clamp(1.33rem, calc(0.0015740740740740734 * (100vw - 36rem) + 1.33rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.92rem, calc(0.0022222222222222244 * (100vw - 36rem) + 1.92rem), 2.16rem); --big-space-xs: clamp(2.11rem, calc(0.07288888888888889 * (100vw - 22.5rem) + 2.11rem), 7.03rem); --big-space-s: clamp(2.81rem, calc(0.09733333333333334 * (100vw - 22.5rem) + 2.81rem), 9.38rem); --big-space-m: clamp(3.75rem, calc(0.12962962962962962 * (100vw - 22.5rem) + 3.75rem), 12.5rem); --big-space-l: clamp(5rem, calc(0.17274074074074075 * (100vw - 22.5rem) + 5rem), 16.66rem); --big-space-xl: clamp(6.66rem, calc(0.2303703703703704 * (100vw - 22.5rem) + 6.66rem), 22.21rem); --big-space-2xl: clamp(8.88rem, calc(0.30711111111111106 * (100vw - 22.5rem) + 8.88rem), 29.61rem); --space-2xs: clamp(0.5rem, calc(0 * (100vw - 22.5rem) + 0.5rem), 0.5rem); --space-xs: clamp(0.83rem, calc(0 * (100vw - 22.5rem) + 0.83rem), 0.83rem); --space-s: clamp(1.39rem, calc(0 * (100vw - 22.5rem) + 1.39rem), 1.39rem); --space-m: clamp(2.32rem, calc(0 * (100vw - 22.5rem) + 2.32rem), 2.32rem); --space-l: clamp(3.86rem, calc(0 * (100vw - 22.5rem) + 3.86rem), 3.86rem); --space-xl: clamp(6.44rem, calc(0 * (100vw - 22.5rem) + 6.44rem), 6.44rem); --space-2xl: clamp(10.73rem, calc(0 * (100vw - 22.5rem) + 10.73rem), 10.73rem); --space-3xl: clamp(17.89rem, calc(0 * (100vw - 22.5rem) + 17.89rem), 17.89rem);}