* {
	--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;
	--mrg-text: .15em;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

@media only screen and (max-width: 70em) {
	* {
		--font-xxxl: 4em;
		--font-xxl: 2.5em;
		--font-xl: 1.5em;
		--font-lg: 1.2em;
		--font-md: 1em;
		--font-sm: .8em;
		--font-xs: .6em;
	}
}

body {
	margin: 0;
	padding: 0;
	height: 100vh;
	width: 100vw;
	font-family: Army;
}


/* UTILITY */

.fill {
	height: 100%;
	width: 100%;
}

.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}