@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/poppins-600.woff2') format('woff2');
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500 600;
	src: url('fonts/inter-variable-subset.woff2') format('woff2');
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400 600;
	src: url('fonts/roboto-variable-subset.woff2') format('woff2');
}

:root {
	--header-font-family: Poppins, sans-serif;
	--primary-font-family: Inter, sans-serif;
	--secondary-font-family: Roboto, sans-serif;
}

* {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
	font-feature-settings: 'normal';
	font-variation-settings: normal;
	-moz-osx-font-smoothing: grayscale;

	border: none;
	padding: 0;
	margin: 0;
}

h1 {
	-webkit-font-smoothing: initial;
}

body {
}

#content {
	margin: auto;
	display: flex;
	width: min(80vw, 900px);
	flex-direction: column;
	align-items: center;
	gap: 60px;
	text-align: center;
}