:root{
	--max-width: 700px;
}

html {
	margin: 0;
	padding: 0;
	font-family: serif;
	font-size: 16.5px;
	font-weight: 400;
	margin: 10 auto;
}

h1, h2, h3, h4, h5 {
	font-family: "Crimson Text", "Garamond", "Georgia", serif;
}

body {
	font-family: Garamond, Georgia, serif;
}

.content{
	max-width: var(--max-width);
	width: 100%;
	margin: 10px auto;
}

img {
	max-width: var(--max-width);
	width: 100%;
	margin: 0 auto;
}

blockquote {
	border-left: .25em solid #dfe2e5;
	color: #6a737d;
	padding: 0 1em;
}

.top_bar {
	background-color: whitesmoke;
	color: black;
	margin: 0;
}

.top_bar > li {
	float: left;
	display: block;
	color: black;
	text-align: center;
	padding-right: 0.5em;
	padding-inline-start: 0.5em;
	text-decoration: none;
}

.top_bar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color:white;
}

.top_bar li a {
	color: black;
}

.top_bar li a:hover {
	background-color: #8135fb;
}

.footer {
	font-size: 0.8em;
}

.footer ul {
	list-style-type: none;
	margin: 0.1em;
}

.header {
	font-size: 1em;
}

table{
    border-collapse: collapse;
    border-spacing: 0;
	border:2px solid #000000;
	table-layout: fixed;
}

th{
    border:2px solid #000000;
}

td{
    border:1px solid #000000;
}

.sidebar {
	max-width: 100%;
	float:left;
	font-family: monospace;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }