* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: "Barlow", "Trebuchet MS", sans-serif;
	background: var(--bg);
	color: var(--text);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

a {
	color: var(--brand);
	text-decoration: none;
	&:hover {
		text-decoration: none;
	}
}

.container {
	width: min(1600px, 94%);
	margin: 0 auto;
}

main {
	flex: 1;
	&.container {
		padding-top: 14px;
		padding-bottom: 24px;
	}
}