@font-face {
	font-family: 'Jost-Variable';
	src: url('/fonts/Jost-VariableFont_wght.ttf') format('truetype');
	font-weight: 100 900;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'Jost-Variable';
	src: url('/fonts/Jost-Italic-VariableFont_wght.ttf') format('truetype');
	font-weight: 100 900;
	font-display: swap;
	font-style: italic;
}

:root {
	--margin-x-main: calc(max(2rem, 8vw, (100vw - 100rem) / 2));
}

body {
	margin: 0;
	color: var(--color-text-1);
	background-color: var(--color-bg-1);
	font-family: 'Jost-Variable', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
		'Lucida Sans', Arial, sans-serif;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	font-weight: 350;
}

a {
	text-decoration: none;
	font-weight: 700;
	color: var(--color-accent-1);
}

main {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	margin-left: var(--margin-x-main);
	margin-right: var(--margin-x-main);
}

p {
	text-align: justify;
}

img {
	max-width: 100%;
}

button {
	cursor: pointer;
	display: unset;
	border: unset;
	background: unset;
	padding: unset;
	text-align: unset;
	max-width: unset;
	font-family: unset;
	font-size: unset;
	margin: unset;
	overflow: unset;
}