@font-face {
	font-family: 'Inter';
	src:    url('../fonts/InterVariable.woff2') format('woff2') tech(variations),
	url('../fonts/InterVariable.woff2') format('woff2-variations');
	font-weight: 1 1000;
	font-stretch: 50% 200%;
	font-style: normal;
	font-display: block;
}


@font-face {
	font-family: 'Inter';
	src:    url('../fonts/InterVariable-Italic.woff2') format('woff2') tech(variations),
	url('../fonts/InterInterVariable-Italic.woff2') format('woff2-variations');
	font-weight: 1 1000;
	font-stretch: 50% 200%;
	font-style: italic;
	font-display: swap;
}

/* roboto-flex-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto Flex';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/RobotoFlex.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body {
	line-height: 1.5;
	font-family: "Inter", sans serif;
	font-size  : 1.5rem;
	font-weight: 300;
}

@media screen and (max-width: 70rem) {
	body {
		font-size  : 1.125rem;
	}
}