:root {
    color-scheme: light dark;

	--bg:#fff;
	--fg:#333;
}

/* common */
strong { font-weight:bold; }
ul { list-style-type:disc; margin:1rem 0 1rem 2rem; }
li { line-height:1.7rem; }
p { margin:1.2rem 0; }
a { color:#07c; }
a:visited { color:#07c; }
h1 { font-size:2.5rem; line-height:3rem; font-weight:700; }
h2 { font-size:1.8rem; line-height:2rem; margin:3rem 0 1.5rem 0; font-weight:600; }
h3 { font-size:1.3rem; line-height:1.7rem; margin:2rem 0 1rem 0; font-weight:500; }

/* top level set the width and height and defaults */
html { width:100%; height:100%; }
body {
	width:100%; height:100%;
	font-family: Mulish, sans-serif;
	background-color:var(--bg); color:var(--fg);
	font-size:1rem; line-height:1.7rem;
}

main { 
	width:40rem; height:100%;
	margin:auto;
}

/* header */
div.header {
	display:flex; justify-content:space-between; align-items:center;
	margin:5rem 0 3rem 0;

	div { line-height:1.2rem; }
}

div.footer {
	min-height:5rem;
}