html{
	max-width=512px;
	font-family: sans-serif;
	text-align:center;
	color-scheme: light dark;
}
body {
    max-width:768px;
    margin:0 auto;
    padding-bottom: 200px;
    padding-left: 10px;
    padding-right: 10px;
}
a {
	text-decoration:none;
	border-bottom:thin dotted;
}
summary {
	text-decoration:underline;
}
.bar {
	font-family:monospace;
	font-size:11pt;
	font-weight:bold;
	display:inline-block;
	padding:5px;
	text-align:center;
	border-style:solid;
	border-width:thin;
	border-radius: 3px;
}
.bar:hover{
	box-shadow: 3px 3px #0d597f;
}
.tagline{
	text-align:left;
	max-width:1024px;
	margin:0 auto;
}
.normal{
	text-align:left;
	max-width:1280px;
	margin:0 auto;
}
.homepage{
    text-align:left;
    max-width:768px;
    margin:0 auto;
}
.callout {
    font-weight:bold;
}
table, th, td, tr {
    border: 1px solid;
    border-collapse: collapse;
    padding: 4px;
}
img {
        margin-left:auto;
        margin-right:auto;
        max-width:90%;
}
.heroimg {
	margin: 10px;
	max-height: 50%;
	width: 95%;
	max-width: 500px;
	border: 1px solid black;
	border-radius: 5px;
}

code {
	font-family: monospace;
}

.entry {
    text-align: left;
    padding: 0px 10px 0px 10px;
    border-radius: 0 30px 30px 0;
    margin-bottom: 20px;
    max-width: 768px;
    border-left: 5px solid #BAD7FF;
}

.entry h2 { margin: 5px auto 2px auto; }

.mono {
    font-family:monospace;
}

blockquote {
    border-left: 1px solid dimgray;
    padding: 0px 0px 0px 5px;
}