html {
	overflow-y: scroll;
}


body {
	font-family: serif; /*https://www.youtube.com/watch?v=jt71EduTpQE */
	font-size: 120%;
	line-height: 140%;
	color: #000000;
	background-color: #f2eddf;
	margin-left: auto;
	margin-right: auto;
	max-width: 90ex;
	padding: 1ex;
}

h1 {
	color: #000000;
	font-size: 200%;
	font-weight: normal;
	text-align: center;
}

h4 {
  text-decoration: underline;
  text-underline-offset: 10%;
}

a {
	color: #000000;
	font-style: italic;
	font-weight: medium;
}

hr {
	width: 100%;
	border-width: 1px;
	color: gray;
}

ul li {
	list-style-type: disc;
	padding: 0.5ex;
}

.summary {
	text-align: center;
}

code {
	font-family: serif;
	font-style: italic;
	font-weight: 600;
}

img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 60%;
}

.footnote {
	text-decoration: none;
}

.postiteration {
	text-decoration: underline;
}

blockquote {
	border-style: double;
	border-width: 1%;
	font-style: italic;
	padding-left: 1%; 
}

@media all and (min-width:0px) and (max-width: 500px) {
body {
	font-family: serif;
	font-size: 100%;
	color: #000000;
	background-color: #f2eddf;
	margin-left: auto;
	margin-right: auto;
	max-width: 70ex;
	padding: 2ex;
	text-align: center;
}

h1 {
	color: #000000;
	font-size: 150%;
	line-height: 110%;
	font-weight: normal;
	text-align: center;
}

.navbar {
	color: #000000;
	font-style: normal;
	font-weight: medium;
}

a {
	color: #000000;
	font-style: italic;
	font-weight: medium;
}
}