*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
	--black:	  #000;
	--white:	  #fff;
	--gray:	   #888;
	--gray-light: #bbb;
	--gray-dim:   #333;

	--max-w:  1100px;
	--pad-x:  40px;
	--pad-y:  100px;
	--nav-h:  10vh;

	--border:	   1px solid #1a1a1a;
	--border-faint: 1px solid #111;

	--ease: 0.15s ease;
}

@media (max-width: 768px) {
	:root {
		--pad-x: 24px;
		--pad-y: 60px;
	}
}

@keyframes fadeUp {
	from { opacity: 0; transform: translateY(24px); }
	to   { opacity: 1; transform: translateY(0); }
}