footer.site-footer {
	margin-top: 3em;
	padding: 2em 0 1em 0;
	text-align: center;
	color: #aaa;
	font-size: 0.95em;
	border-top: 1px solid #eee;
	background: none;
}
.footer-content {
	max-width: 600px;
	margin: 0 auto;
}
html, body {
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
	font-family: 'Georgia', serif;
	background: #fafafa;
	color: #222;
	margin: 0;
	padding: 0;
}

.container {
	max-width: 600px;
	margin: 0 auto;
	padding: 3em 1em 2em 1em;
	background: #fafafa;
	flex: 1 0 auto;
}

.blog-title {
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.2em;
	letter-spacing: 0.01em;
}

.nav {
	text-align: center;
	margin-bottom: 2.5em;
	color: #888;
	font-size: 1em;
}
.nav a {
	color: #888;
	text-decoration: none;
	margin: 0 0.5em;
	font-weight: normal;
}
.nav a:hover {
	color: #007acc;
	text-decoration: underline;
}

main {
	margin-top: 2em;
}

.post-list-item {
	margin-bottom: 2.5em;
	padding-bottom: 2em;
	border-bottom: 1px solid #eee;
}
.post-title {
	font-size: 1.5em;
	font-weight: 500;
	margin: 0.2em 0 0 0;
	text-align: left;
}
.post-title a {
	color: #222;
	text-decoration: none;
}
.post-title a:hover {
	color: #007acc;
	text-decoration: underline;
}
.post-date {
	color: #aaa;
	font-size: 0.95em;
	margin-bottom: 0.2em;
	text-align: left;
	letter-spacing: 0.01em;
}

/* Post meta refinements */
.post-title { margin-bottom: 0.25rem; }
.post-meta-divider { height:1px; background:#eef3f7; margin:1.25rem 0; border-radius:2px; }
.post-permalink { display:inline-block; font-family: ui-monospace, Menlo, monospace; background:#f4f7f9; padding:4px 8px; border-radius:6px; color:#0073aa; text-decoration:none; word-break:break-all; font-size:0.95em; }
.post-date.muted { color:#7a8a94; font-size:0.95rem; margin-bottom:0.5rem; }
.author-box { box-shadow: none; }

input, textarea, button {
	font-size: 1em;
	margin: 0.5em 0;
	width: 100%;
	max-width: 100%;
	font-family: inherit;
}

pre {
	background: #f4f4f4;
	padding: 1em;
	border-radius: 4px;
	font-family: 'Menlo', 'Monaco', 'Consolas', monospace;
	font-size: 1.05em;
	white-space: pre-wrap;
}

.login-box {
    max-width: 400px;
    margin: 4em auto 0 auto;
    padding: 2em 2em 1.5em 2em;
    background: #fafafa;
    border-radius: 8px;
    box-shadow: 0 2px 12px #0001;
}

body.login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dcdcde;
}