* {
	font-family: inherit;
	line-height: inherit;
	color: inherit;
	margin: 0;
	box-sizing: border-box;
}

html {
	/* font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (400 - 300))); */
	/* font-size: calc(0.7em + 1vw); */
	line-height: 1.5;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #fdfdfd;
	/* color: #222; */
}

*+* {
	margin-top: 1.5em;
}

body,
br,
li,
dt,
dd,
th,
td,
option {
	margin-top: 0;
	background-color: #ffa500;
}

body {
	margin: 2rem 2rem;
}

p {
	max-width: 35em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/* font-weight: normal; */
}

h1 {
	margin-top: 0;
	font-size: 2em;
}

h2 {
	font-size: 2.25em;
}

h1+*,
h2+* {
	margin-top: 0.3em;
}

time {
	font-variant: small-caps;
	font-size: 1em;
}

section {
	margin-top: 1.5em;
}

:root {
	--min_width: 45;
	--max_width: 70;
	--min_font: 1.2;
	--max_font: 1.8;
}

:root {
	font-size: calc(var(--min_font)*1em);
}

@media (min-width: 45em) {
	:root {
		/* font-size: calc( 12px + (12) * ( (100vw - 400px)/100 )); */
		font-size: calc(var(--min_font)*1em + (var(--max_font) - var(--min_font)) * ((100vw - var(--min_width)*1em) / (var(--max_width) - var(--min_width))));
	}

	h1 {
		font-size: 2.5em;
	}
}

@media (min-width: 70em) {
	:root {
		font-size: calc(var(--max_font)*1em);
	}

	h1 {
		font-size: 3em;
	}
}