:root { --color-1: hsl(0 0% 0%); --color-2: hsl(0 0% 13%); --color-3: hsl(0 0% 25%); --color-4: hsl(0 0% 38%); --color-5: hsl(0 0% 50%); --color-6: hsl(0 0% 63%); --color-7: hsl(0 0% 75%); --color-8: hsl(0 0% 88%); --color-9: hsl(0 0% 100%); --white: hsl(0 0% 100%); --navy-blue-25: hsl(220 20% 97%); --blue-700: #0082fa; --navy-blue-700: #233163; --navy-blue-900: hsl(227 48% 18%); --gray: hsl(0 0% 42%); --text-heading: hsl(0 0% 12%); --blue-50: #edf5fc; --blue-100: #daebfb; --blue-200: #b1d8fb; --blue-300: #7ebffb; --blue-400: #4aa7fc; --navy-blue-600: #46527c; --navy-blue-800: #1e2a54;}