body {
	background: #448;
    color: #eee;
	font: 12pt sans-serif;
	margin: 0;
	height: 100vh;
}

div.header {
    box-sizing: border-box;
    width: 100%;
    padding: 0.5em;
    background: rgba(0,0,0, 0.2);
    border-bottom: 1px dotted black;
    text-align: center;
    font-size: 14pt;
}

p { padding: 0.5em 2rem; line-height: 1.2em }

a { color: yellow; }
a:hover { background: white; color: blue; }

#container {
    width: 60%;
    margin-left: 20%;
    overflow-y: auto;
}

.page-header    { margin-top: 2rem; font-size: 24pt; font-weight: 700; text-align: center }
.section-header { border-top: 1px solid white; padding-top: 1rem; font-size: 18pt; text-align: center }
.hike-header    { margin-bottom: 1rem; font-size: 14pt; font-weight: 700; text-decoration: underline; text-align: center }
.hike-subheader { margin-bottom: 1rem; font-size: 12pt; font-weight: 700; text-decoration: underline; text-align: center }