@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&family=Oswald:wght@200..700&display=swap');

:root {
	--color-blue: #004182;
	--color-dark: #000000;
	--color-grey: #666666;
	--color-light-grey: #e0e0e0;
	--color-light: #ffffff;
}

body {
	font-family: "Assistant", Arial, sans-serif;
	font-weight: 400;
	margin: 0;

	h1, h2, h3, h4, h5, h6 {
		font-family: "Oswald", Arial, sans-serif;
		font-weight: 500;
	}

	& > main {
		position: sticky;

		& > section {
			padding: 32px 16px;
		}
	}
}


/* Media Queries */

@media (min-width: 425px) {
	body > main > section {
		padding: 5vw;
	}
}

@media (min-width: 1025px) {
	body > main > section {
		padding: 5vw 10vw;
	}
}

@media (min-width: calc(1440px + 20vw)) {
	body > main > section {
		width: 1440px;
		padding: 5vw calc((100% - 1440px) / 2);
	}
}