@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@600&family=Quicksand&display=swap");
:root {
	--black0: #121212;
	--black1: #1a1a1a;
	--black2: #2c2c2c;
	--black3: #1d1d1d;
	--white0: #eee;
	--grey: #444;
	--accent: #61f2ea;
	--shadow0: 0 0 1rem rgba(0, 0, 0, 0.35);
	--fonts-norm: "Quicksand", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
		Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	--fonts-bold: "Lexend", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
		Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	/*  */
	--backdrop: var(--black0);
	--color: var(--white0);
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	background-color: var(--black0);
	color: var(--color);
	min-height: 100vh;
	font-family: var(--fonts-norm);
	display: flex;
	flex-direction: column;
	.footer {
		justify-self: end;
	}
}
h1,
h2,
h3 {
	padding: 0.5rem 0;
	font-family: var(--fonts-bold);
}
main {
	max-width: 1200px;
	margin: 0 auto;
	padding: 1rem;
}