:root { --color-55: hsl(156 16% 25%); --color-56: hsl(154 27% 17%); --sitebackground: hsl(0, 0%, 100%); --as-primary: hsl(223, 70%, 22%); --as-secondary: hsl(217, 96%, 64%); --as-tertiary: hsl(225, 100%, 59%); --as-accent: hsl(119, 44%, 56%); --as-base: hsl(240, 17%, 7%); --as-white: hsl(0, 0%, 100%); --as-black: hsl(0, 0%, 0%); --as-card: hsl(220, 100%, 98%); --as-primary-l-1: hsl(223, 36%, 35%); --as-primary-l-2: hsl(223, 21%, 48%); --as-primary-l-3: hsl(223, 20%, 61%); --as-primary-l-4: hsl(223, 20%, 74%); --as-primary-l-5: hsl(223, 20%, 87%); --as-primary-d-1: hsl(223, 70%, 18%); --as-primary-d-2: hsl(223, 70%, 15%); --as-primary-d-3: hsl(223, 70%, 11%); --as-primary-d-4: hsl(223, 70%, 7%); --as-primary-d-5: hsl(223, 70%, 4%); --as-primary-t-1: hsla(223, 20%, 93%, 0.09); --as-primary-t-2: hsla(223, 20%, 86%, 0.18); --as-primary-t-3: hsla(223, 20%, 79%, 0.27); --as-primary-t-4: hsla(223, 20%, 72%, 0.36); --as-primary-t-5: hsla(223, 20%, 65%, 0.45); --as-primary-t-6: hsla(223, 20%, 57%, 0.55); --as-primary-t-7: hsla(223, 20%, 50%, 0.64); --as-primary-t-8: hsla(223, 26%, 43%, 0.73); --as-primary-t-9: hsla(223, 35%, 36%, 0.82); --as-primary-t-10: hsla(223, 48%, 29%, 0.91); --as-secondary-l-1: hsl(217, 96%, 70%); --as-secondary-l-2: hsl(217, 96%, 76%); --as-secondary-l-3: hsl(217, 96%, 82%); --as-secondary-l-4: hsl(217, 96%, 88%); --as-secondary-l-5: hsl(217, 96%, 94%); --as-secondary-d-1: hsl(217, 62%, 53%); --as-secondary-d-2: hsl(217, 54%, 43%); --as-secondary-d-3: hsl(217, 54%, 32%); --as-secondary-d-4: hsl(217, 54%, 21%); --as-secondary-d-5: hsl(217, 54%, 11%); --as-tertiary-l-1: hsl(225, 100%, 66%); --as-tertiary-l-2: hsl(225, 100%, 73%); --as-tertiary-l-3: hsl(225, 100%, 80%); --as-tertiary-l-4: hsl(225, 100%, 86%); --as-tertiary-l-5: hsl(225, 100%, 93%); --as-tertiary-d-1: hsl(225, 69%, 49%); --as-tertiary-d-2: hsl(225, 69%, 39%); --as-tertiary-d-3: hsl(225, 69%, 30%); --as-tertiary-d-4: hsl(225, 69%, 20%); --as-tertiary-d-5: hsl(225, 69%, 10%); --as-accent-l-1: hsl(119, 44%, 63%); --as-accent-l-2: hsl(119, 44%, 71%); --as-accent-l-3: hsl(119, 44%, 78%); --as-accent-l-4: hsl(119, 44%, 85%); --as-accent-l-5: hsl(119, 44%, 93%); --as-accent-d-1: hsl(119, 35%, 47%); --as-accent-d-2: hsl(119, 35%, 37%); --as-accent-d-3: hsl(119, 35%, 28%); --as-accent-d-4: hsl(119, 35%, 19%); --as-accent-d-5: hsl(119, 35%, 9%); --as-base-l-1: hsl(240, 4%, 23%); --as-base-l-2: hsl(240, 2%, 38%); --as-base-l-3: hsl(240, 1%, 54%); --as-base-l-4: hsl(240, 1%, 69%); --as-base-l-5: hsl(240, 1%, 85%); --as-base-d-1: hsl(240, 17%, 6%); --as-base-d-2: hsl(240, 17%, 5%); --as-base-d-3: hsl(240, 17%, 4%); --as-base-d-4: hsl(240, 17%, 2%); --as-base-d-5: hsl(240, 17%, 1%); --as-base-t-1: hsla(240, 1%, 92%, 0.09); --as-base-t-2: hsla(240, 1%, 83%, 0.18); --as-base-t-3: hsla(240, 1%, 75%, 0.27); --as-base-t-4: hsla(240, 1%, 66%, 0.36); --as-base-t-5: hsla(240, 1%, 58%, 0.45); --as-base-t-6: hsla(240, 1%, 49%, 0.55); --as-base-t-7: hsla(240, 2%, 41%, 0.64); --as-base-t-8: hsla(240, 3%, 32%, 0.73); --as-base-t-9: hsla(240, 4%, 24%, 0.82); --as-base-t-10: hsla(240, 7%, 16%, 0.91); --as-white-t-1: hsla(0, 0%, 100%, 0.09); --as-white-t-2: hsla(0, 0%, 100%, 0.18); --as-white-t-3: hsla(0, 0%, 100%, 0.27); --as-white-t-4: hsla(0, 0%, 100%, 0.36); --as-white-t-5: hsla(0, 0%, 100%, 0.45); --as-white-t-6: hsla(0, 0%, 100%, 0.55); --as-white-t-7: hsla(0, 0%, 100%, 0.64); --as-white-t-8: hsla(0, 0%, 100%, 0.73); --as-white-t-9: hsla(0, 0%, 100%, 0.82); --as-white-t-10: hsla(0, 0%, 100%, 0.91); --as-border: hsl(217, 93%, 95%); --as-color56: hsl(119, 44%, 56%); --as-blue-green-card: hsl(225, 100%, 59%); --as-icons: hsl(225, 100%, 59%); --as-color56-b: hsl(223, 70%, 22%); --as-headerscroll: hsla(0, 0%, 100%, 0.3); --as-footer-area: hsl(225, 100%, 59%); --as-blogbackground: hsl(228, 100%, 98%); --as-blogtags: hsl(0, 0%, 100%); --as-primary-button: hsl(225, 100%, 59%); --as-small-titles: hsl(119, 44%, 56%);}