:root { --orange: hsl(9, 100%, 63%); --blue: hsl(228, 100%, 50%); --light-gray: hsl(204, 45%, 98%); --dark-gray: #778393; --light-blue: #CBE2FE; --dark-blue: #10288C; --dark-gray-blue: #273e5c; --black-shadow: rgba(0, 0, 0, .1); --ultra-light-gray: #f7fafc;}.bg-orange { background-color: var(--orange); }.text-orange { color: var(--orange); }.border-orange { border-color: var(--orange); }.bg-blue { background-color: var(--blue); }.border-blue { border-color: var(--blue); }.text-blue { color: var(--blue); }.bg-light-gray { background-color: var(--light-gray); }.text-light-gray { color: var(--light-gray); }.border-light-gray { border-color: var(--light-gray); }.bg-dark-gray { background-color: var(--dark-gray); }.text-dark-gray { color: var(--dark-gray); }.border-dark-gray { border-color: var(--dark-gray); }.bg-light-blue { background-color: var(--light-blue); }.text-light-blue { color: var(--light-blue); }.border-light-blue { border-color: var(--light-blue); }.bg-dark-blue { background-color: var(--dark-blue); }.text-dark-blue { color: var(--dark-blue); }.border-dark-blue { border-color: var(--dark-blue); }.bg-dark-gray-blue { background-color: var(--dark-gray-blue); }.text-dark-gray-blue { color: var(--dark-gray-blue); }.border-dark-gray-blue { border-color: var(--dark-gray-blue); }.bg-black-shadow { background-color: var(--black-shadow); }.text-black-shadow { color: var(--black-shadow); }.border-black-shadow { border-color: var(--black-shadow); }.bg-ultra-light-gray { background-color: var(--ultra-light-gray); }.text-ultra-light-gray { color: var(--ultra-light-gray); }.border-ultra-light-gray { border-color: var(--ultra-light-gray); }