* { 
   font-family: system-ui, 
             -apple-system, BlinkMacSystemFont, 
             "Segoe UI", 
             "Roboto", 
             "Oxygen", 
             "Ubuntu", 
             "Cantarell", 
             "Fira Sans", 
             "Droid Sans", 
             "Helvetica Neue", 
             Arial, sans-serif;
    font-size: 1.1rem;
}

html {
	background-color: #fffafa;
}

body {
	margin: 0.5em auto;
	padding-left: 2vw;
	padding-right: 2vw;
	max-width: 45rem;
}

h1,h2,h3,h4,h5,h6 {
	font-family: ui-monospace, 
             Menlo, Monaco, 
             "Cascadia Mono", "Segoe UI Mono", 
             "Roboto Mono", 
             "Oxygen Mono", 
             "Ubuntu Monospace", 
             "Source Code Pro",
             "Fira Mono", 
             "Droid Sans Mono", 
             "Courier New", monospace;
}

h1 {
	font-size: 1.8rem;
}

a {
    color: chocolate;
}

a:visited {
	color: purple;
}

.title {
	font-size: 3rem;
	text-align: center;
}

.subtitle {
	font-weight: bolder;
	text-align: center;
}

#TableOfContents > ul {
  list-style-type: none;
}

.header-page-link {
	margin-top: auto;
	margin-left: 1em;
}

#top-header {
	display: flex;
	max-height: 3em;
	margin-bottom: 0.5vh;
	flex-flow: row wrap;
}

@media (prefers-color-scheme: dark) {
	html {
		background-color: #333333;
	}
	body {
		color: #eeeeee;
	}
	a {
	    color: lightblue;
	}
	a:visited {
	    color: cadetblue;
	}
}