@charset "UTF-8";

:root {
	color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
	a:link { color: skyblue; }
	a:visited { color: orchid; }
	a:active { color: red; }
}

nav {
	text-align: left;
}

/* is body over-riding p, h1, etc? Edit below and see. body max-width messing up the iPhone?*/
body {
	margin-left: 2.5%;
	margin-right: 2%;
	max-width: 900px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left
}

/* BACKUP
body {
	margin-left: 2.5em;
	margin-right: 3em;
	max-width: 900px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left
}*/

header {
	font-size: 1.0em;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

img {
	height: auto;
	width: 98%;
	max-width: 500px;
	margin: 0px 4px 4px 0px;
	object-fit: scale-down;
}

pre {
	margin-left: 2.0em;
	margin-right: 2.0em;
	overflow-x: auto;
}