:root { --deepblue: hsl(235 41% 12%); --red: hsl(351 87% 45%); --black: hsl(0, 0%, 0%); --white: hsl(0, 0%, 100%); --black-t-1: rgba(0, 0, 0, 0.91); --black-t-2: rgba(0, 0, 0, 0.82); --black-t-3: rgba(0, 0, 0, 0.73); --black-t-4: rgba(0, 0, 0, 0.64); --black-t-5: rgba(0, 0, 0, 0.55); --black-t-6: rgba(0, 0, 0, 0.45); --black-t-7: rgba(0, 0, 0, 0.36); --black-t-8: rgba(0, 0, 0, 0.27); --black-t-9: rgba(0, 0, 0, 0.18); --black-t-10: rgba(0, 0, 0, 0.09); --green: hsl(180, 38%, 25%); --creme: hsl(48 83% 89%); --lightgrey: #F7F8FA; --green-l-1: rgb(83, 121, 121); --green-l-2: rgb(126, 155, 155); --green-l-3: rgb(169, 188, 188); --green-l-4: rgb(212, 222, 222); --deepblue-t-1: rgba(18, 20, 43, 0.83); --deepblue-t-2: rgba(18, 20, 43, 0.67); --deepblue-t-3: rgba(18, 20, 43, 0.5); --deepblue-t-4: rgba(18, 20, 43, 0.33); --deepblue-t-5: rgba(18, 20, 43, 0.17); --yellow: #FFB700; --black-950: #0b0b0c; --dark-grey: #414244; --light-grey: #9ca0a8; --space-2xs: clamp(0.63rem, calc(0.008 * (100vw - 22.5rem) + 0.63rem), 1.25rem); --space-xs: clamp(0.83rem, calc(0.012129032258064517 * (100vw - 22.5rem) + 0.83rem), 1.77rem); --space-s: clamp(1.11rem, calc(0.01793548387096774 * (100vw - 22.5rem) + 1.11rem), 2.5rem); --space-m: clamp(1.48rem, calc(0.026451612903225803 * (100vw - 22.5rem) + 1.48rem), 3.53rem); --space-l: clamp(1.97rem, calc(0.03909677419354839 * (100vw - 22.5rem) + 1.97rem), 5rem); --space-xl: clamp(2.63rem, calc(0.05729032258064517 * (100vw - 22.5rem) + 2.63rem), 7.07rem); --space-2xl: clamp(3.51rem, calc(0.08361290322580646 * (100vw - 22.5rem) + 3.51rem), 9.99rem); --text-s: clamp(0.8rem, calc(0.0005161290322580636 * (100vw - 22.5rem) + 0.8rem), 0.84rem); --text-m: clamp(1rem, calc(0.0016774193548387082 * (100vw - 22.5rem) + 1rem), 1.13rem); --text-l: clamp(1.25rem, calc(0.0032258064516129032 * (100vw - 22.5rem) + 1.25rem), 1.5rem); --text-xl: clamp(1.56rem, calc(0.005677419354838709 * (100vw - 22.5rem) + 1.56rem), 2rem); --text-2xl: clamp(1.95rem, calc(0.009161290322580647 * (100vw - 22.5rem) + 1.95rem), 2.66rem); --text-3xl: clamp(2.44rem, calc(0.014322580645161289 * (100vw - 22.5rem) + 2.44rem), 3.55rem); --text-4xl: clamp(3.05rem, calc(0.021677419354838717 * (100vw - 22.5rem) + 3.05rem), 4.73rem);}.bg-deepblue { background-color: var(--deepblue); }.bg-deepblue-t-1 { background-color: var(--deepblue-t-1); }.bg-deepblue-t-2 { background-color: var(--deepblue-t-2); }.bg-deepblue-t-3 { background-color: var(--deepblue-t-3); }.bg-deepblue-t-4 { background-color: var(--deepblue-t-4); }.bg-deepblue-t-5 { background-color: var(--deepblue-t-5); }.text-deepblue { color: var(--deepblue); }.text-deepblue-t-1 { color: var(--deepblue-t-1); }.text-deepblue-t-2 { color: var(--deepblue-t-2); }.text-deepblue-t-3 { color: var(--deepblue-t-3); }.text-deepblue-t-4 { color: var(--deepblue-t-4); }.text-deepblue-t-5 { color: var(--deepblue-t-5); }.bg-red { background-color: var(--red); }.text-red { color: var(--red); }.bg-black { background-color: var(--black); }.bg-black-t-1 { background-color: var(--black-t-1); }.bg-black-t-2 { background-color: var(--black-t-2); }.bg-black-t-3 { background-color: var(--black-t-3); }.bg-black-t-4 { background-color: var(--black-t-4); }.bg-black-t-5 { background-color: var(--black-t-5); }.bg-black-t-6 { background-color: var(--black-t-6); }.bg-black-t-7 { background-color: var(--black-t-7); }.bg-black-t-8 { background-color: var(--black-t-8); }.bg-black-t-9 { background-color: var(--black-t-9); }.bg-black-t-10 { background-color: var(--black-t-10); }.text-black { color: var(--black); }.text-black-t-1 { color: var(--black-t-1); }.text-black-t-2 { color: var(--black-t-2); }.text-black-t-3 { color: var(--black-t-3); }.text-black-t-4 { color: var(--black-t-4); }.text-black-t-5 { color: var(--black-t-5); }.text-black-t-6 { color: var(--black-t-6); }.text-black-t-7 { color: var(--black-t-7); }.text-black-t-8 { color: var(--black-t-8); }.text-black-t-9 { color: var(--black-t-9); }.text-black-t-10 { color: var(--black-t-10); }.bg-white { background-color: var(--white); }.text-white { color: var(--white); }.bg-green { background-color: var(--green); }.bg-green-l-1 { background-color: var(--green-l-1); }.bg-green-l-2 { background-color: var(--green-l-2); }.bg-green-l-3 { background-color: var(--green-l-3); }.bg-green-l-4 { background-color: var(--green-l-4); }.text-green { color: var(--green); }.text-green-l-1 { color: var(--green-l-1); }.text-green-l-2 { color: var(--green-l-2); }.text-green-l-3 { color: var(--green-l-3); }.text-green-l-4 { color: var(--green-l-4); }.bg-creme { background-color: var(--creme); }.text-creme { color: var(--creme); }.bg-lightgrey { background-color: var(--lightgrey); }.bg-yellow { background-color: var(--yellow); }.text-yellow { color: var(--yellow); }.bg-black-950 { background-color: var(--black-950); }.text-black-950 { color: var(--black-950); }