html{background:#fefefe;font:normal normal 16px/1.2 serif;color:#373435}
body{margin:0;padding:0}
header,nav,.banner,footer{text-align:center;overflow:hidden}
header{background: url(header.jpg) center center;background-size:cover;padding:2em}
header img{max-width:100%}
nav{margin-top:1em}
nav ul{padding:0}
nav li{display:inline-block}
nav a{display:inline-block;padding:0.5em 1em;color:#373435;font-weight:bold;text-decoration:none;border-bottom:1px solid transparent}
nav a:hover{border-bottom:1px solid #373435}
nav a.nav-current{border-bottom:2px solid #373435}
section{max-width:80%;margin:auto}
section li{margin:1em 0;}
h2{font-size:1.3em}
table{border:3px double #373435;width:100%}
caption{caption-side:bottom;padding:0.5em 0 1em 0}
th{padding:1em}
td{padding:0 1em 1em}
a{color:#3734c5}
footer{padding:2em}
.message{font-size:0.8em;padding:0.4em 1rem;margin:2rem auto;border:3px double black;background:#eaeaea;max-width:500px}
.message h1{margin-top:1rem}
.message p{font-size:1.4em;margin-bottom:1rem}
.message li{font-size:1.4em;margin:0.5rem 0}
.message.alert{border-color:red;background:#fcc}
.message.notice{border-color:blue;background:#ccf}
.message.good{border-color:green;background:#cfc}
.banner img{max-width:100%}
.account{font-family:monospace;}
@media screen and (min-width: 30em) {
	section{max-width:30em}
}
@media screen and (max-width: 30em) {
	nav li{display:block}
}
section>img{max-width:100%}
.listings{margin-top:2em}
.listings,.listing li{list-style:none inside none;padding:0}
.listings li{padding:0;margin:0}
.listings li+li{margin-top:1em}
.listings li{display:flex;align-items:center;text-decoration:none;color:#373435}
.listings li>div{margin-left:1em}
.listings li p:first-child{margin-top:0;font-size:0.9em}
.listings img{flex-shrink:0}