:root{--main-color: hsl(40, 93%, 57%);--main-text-color: black;--bg-color: hsl(315, 7%, 11%);--bg-text-color: white;--bg-color-half-transparent: hsl(315, 7%, 11%, 50%);--bg-color-light: hsl(315, 7%, 15%);--bg-color-light-hover: hsl(315, 7%, 25%);--bg-color-shimmer: hsl(270, 6%, 40%);--success-color: hsl(129, 57%, 33%);--success-text-color: white;--success-color-light: hsl(129, 57%, 40%);--success-text-color-light: white;--warning-color: hsl(40, 93%, 57%);--warning-text-color: black;--danger-color: hsl(1, 91%, 38%);--danger-text-color: white;--failure-color: hsl(1, 91%, 38%);--failure-text-color: white}@font-face{font-family:Roboto;src:local("Roboto"),url(/fonts/Roboto/Roboto-Regular.ttf)}html{font-family:Roboto,sans-serif}