* { --clr-light: hsl(85, 70%, 83%); --clr-dark: hsl(31, 16%, 27%); --clr-accent-1: hsl(45, 76%, 50%); --clr-accent-2: hsl(46, 35%, 51%); --clr-accent-3: hsl(29, 75%, 60%); --font-xxxl: 10em; --font-xxl: 7.5em; --font-xl: 2em; --font-lg: 1.5em; --font-md: 1em; --font-sm: .8em; --font-xs: .6em; box-sizing: border-box; margin: 0; padding: 0; } body { margin: 0; padding: 0; height: 100vh; width: 100vw; font-family: Army; } /* UTILITY */ .fill { height: 100%; width: 100%; }