body { 
	display: block;
	font-family: serif;
	margin: 40px auto;
	max-width:650px;
	line-height:1.6;
	padding:0 10px;
	font-size: 18px;
}

h1,h2,h3,span,p {
    line-height:1.2;
    font-family: serif;
}

img {
	display: block;
	margin: auto;
	max-width: 100%;
	min-width: auto;
	height: auto;
}

a {
	/*padding: 10px;*/
	margin: 0;
	outline: none;
	text-decoration: none;
}

footer>span {
	font-style: italic !important;
	padding-right: 10px;
	font-size: small;
}

footer {
	text-align: center;
}

#author {
	font-size: small;
	font-style: italic !important;
	text-align: center;
}

#subdir {
	font-variant: small-caps;
}

#nav {
	text-align: center;
	list-style-type: none;
	padding: 0px !important;
}

#nav>li {
	display: inline;
}

#nav li + li:before{
    content: " | ";
    padding: 0 10px;
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: black;
		color: white;
	}
	
	footer {
		color: #454545;
	}

	a:hover {
		color: white;
	}

	a {
		color: grey;
	}
}

@media (prefers-color-scheme: light) {
	body {
		background-color: white;
		color:#454545;
  }

  footer {
  	  color: #454545
  }

	a:hover {
	color: grey;
  }

  a {
  	  color: #0077aa;
  }
}

@font-face {
    font-family: garamond;
    src: url("../fonts/EBGaramond-Regular.ttf");
}

@font-face    {
    font-family: falkin;
    src: url("../fonts/falkinserif.ttf");
}