:root{--black: hsl(207, 15%, 5%);--white: hsl(0, 0%, 100%);--grey-0: rgb(73, 73, 73);--grey-1: #969696;--grey-2: #a3a3a3;--grey-3: #999;--grey-4: #d3d9de;--grey-5: #eee;--grey-6: hsl(0, 0%, 97%);--blue-0: hsl(184, 95%, 40%);--blue-1: hsl(184, 71%, 55%);--blue-2: hsl(184, 100%, 70%);--blue-3: hsl(184, 90%, 80%);--blue-4: hsl(184, 100%, 85%);--blue-5: hsl(184, 100%, 95%);--dark-blue-0: hsl(202, 62%, 30%);--dark-blue-1: hsl(202, 62%, 40%);--dark-blue-2: hsl(202, 62%, 50%);--dark-blue-3: hsl(213, 55%, 60%);--dark-blue-4: hsl(213, 64%, 77%);--dark-blue-5: hsl(213, 72%, 94%);--red-0: hsl(6, 90%, 42%);--red-1: hsl(0, 78%, 58%);--red-2: hsl(0, 88%, 68%);--red-3: hsl(0, 98%, 78%);--red-4: hsl(0, 100%, 85%);--red-5: hsl(0, 100%, 95%);--yellow-0: hsl(47, 100%, 47%);--yellow-1: hsl(50, 95%, 52%);--yellow-2: hsl(50, 95%, 60%);--yellow-3: hsl(52, 100%, 68%);--yellow-4: hsl(55, 100%, 75%);--yellow-5: hsl(60, 100%, 88%);--green-0: hsl(99, 74%, 40%);--green-1: hsl(102, 60%, 49%);--green-2: hsl(104, 62%, 57%);--green-3: hsl(104, 72%, 66%);--green-4: hsl(104, 83%, 75%);--green-5: hsl(104, 93%, 83%);--orange-0: hsl(15, 94%, 39%);--orange-1: hsl(21, 89%, 50%);--orange-2: hsl(21, 89%, 54%);--orange-3: hsl(21, 89%, 66%);--orange-4: hsl(21, 89%, 75%);--orange-5: hsl(21, 89%, 83%);--body-bg: transparent;--text-0: .5rem;--text-1: .625rem;--text-2: .875rem;--text-3: 1.125rem;--text-4: 1.25rem;--text-5: 1.5rem;--text-6: 1.75rem;--text-7: 2rem;--text-8: 2.25rem;--text-9: 2.5rem;--text-10: 3.125rem;--text-11: 3.25rem;--text-12: 3.5rem;--text-13: 3.75rem;--text-14: 4rem;--size-0: 0;--size-1: .25rem;--size-2: .5rem;--size-3: .75rem;--size-4: 1rem;--size-5: 1.5rem;--size-6: 2rem;--size-7: 3rem;--size-8: 4rem;--size-9: 6rem;--size-10: 8rem;--size-11: 12rem;--size-12: 16rem;--size-13: 24rem;--size-14: 40rem;--size-15: 48rem;--gap-0: 0px;--gap-1: 5px;--gap-2: 10px;--gap-3: 20px;--radius-1: 3px;--radius-2: 5px;--radius-3: 8px;--radius-full: 100px}