* {
  margin: 0;
}

:root {
	--transparent: rgba(0,0,0,0);
	--white: #fff;
	--black: #000;
	--dark1-grey: #222;
	--dark2-grey: #444;
	--dark3-grey: #555;
	--med-grey: #777;
	--light-grey: #bbb;
	--warm-grey: #655;
	--party-red: #B33;
	--dusty-red: #D66;
	--dusty-blue: #66C;
	--light-blue: #69f;
	--orange: #c73;
	--yellow: #cc3;
	--bright-yellow: #ff0;
	--brown: #430;
	--sea-green: #377;
	--violet: #74A;
	--grass-green: #794;
	
	--yea: #2A2;
	--nay: #E44;
	--present: #666;
	--dark-blue: #227;
	--dark-red: #900;
	
	--border-color: #666;
	
	--base-size: calc(1vw + 1vh);
}

body {
	font-family: "Roboto Condensed";
	font-weight: 400;
	/* letter-spacing: -0.02em; */
	background-color: var(--black);
	color: var(--light-grey);
}

.hidden {
	display: none !important;
}

pre {
	font-size: 12px;
}