section > .blog-desc {
	text-align: left;
	margin: 0 auto 2rem 0;
	font-size: 1.1em;
	color: var(--muted);
	max-width: 500px;
	background: var(--card);
	border: 2px solid #fff;
	border-radius: .75rem;
	padding: 1rem 1.2rem;
	box-shadow: 0 2px 8px #0002;
}
section > h1 {
	text-align: center;
	margin-bottom: 1.5rem;
}
.post-meta {
	margin-top: 0.7rem;
	font-size: 0.95em;
	color: var(--muted);
	display: flex;
	justify-content: flex-end;
	gap: 0.5em;
}
.post-meta .author {
	font-style: italic;
}
@font-face {
	font-family: 'BitmapLocal';
	src: url('/fonts/bitmap.woff2') format('woff2'),
			 url('/fonts/bitmap.woff') format('woff');
	font-display: swap;
}

:root { --bg:#000000; --fg:#e5e7eb; --muted:#9ca3af; --link:#00ff15; --card:#091a00; --accent:#007e1f; }
* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body::before {
	content: "";
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: -1;
	width: 100vw;
	height: 100vh;
	background: url('/background.gif') center center no-repeat;
	background-size: 400px 400px;
	opacity: 1;
	pointer-events: none;
}
body { font-family: 'BitmapLocal', 'VT323', ui-monospace, Menlo, Monaco, Consolas, monospace; background:var(--bg); color:var(--fg); line-height:1.4; font-size: 20px; -webkit-font-smoothing: none; -moz-osx-font-smoothing: auto; text-rendering: optimizeSpeed; }
.container { max-width: 500px; margin: 2rem 0 2rem 0; padding: 0 1rem; }
.site-header { max-width: 500px; margin: 0 auto; padding: 1rem; display:flex; align-items:center; justify-content:space-between; }
.container {
	padding-bottom: 3.5rem;
}
.brand { font-weight:480; color:var(--fg); text-decoration:none; }
nav a { color:var(--muted); margin-left:.75rem; text-decoration:none; }
nav a:hover { color:var(--fg); }
.post-list { list-style: none; padding: 0; margin: 1rem 0; }
.post-list li { background:var(--card); padding:0.7rem; border-radius:.75rem; margin-bottom: .5rem; border: 2px solid var(--accent); box-shadow: 0 2px 8px #0004; position: relative; }
.post-list li::after {
	content: "";
	position: absolute;
	top: 0;
	right: -1.2rem;
	width: 2px;
	height: 100%;
	background: #fff;
	opacity: 1;
	border-radius: 0;
}

.post {
	background: var(--card);
	padding: 0.3rem 0.7rem 0.7rem 0.7rem;
	border-radius: .75rem;
	border: 2px solid var(--accent);
	box-shadow: 0 2px 8px #0004;
	position: relative;
}
.post::after {
	content: "";
	position: absolute;
	top: 0;
	right: -1.2rem;
	width: 2px;
	height: 100%;
	background: #fff;
	opacity: 1;
	border-radius: 0;
}
.post-list a { color: var(--fg); font-weight: 600; text-decoration: none; }
.post-list .date { color: var(--muted); margin-left: .5rem; font-size:.9rem; margin-bottom: 0.1rem; display: inline-block; }
.post-list .date { color: var(--muted); margin-left: .5rem; font-size:.9rem; }
.muted { color: var(--muted); margin-bottom: 0.1rem; margin-top: 0.1rem; display: block; }
.post h1, .post h2, .post h3 { margin-bottom: -1rem; text-align: left; }
.post .content img { max-width:100%; border-radius:.5rem; }
.post .content pre { background:#0b0d12; padding:1rem; border-radius:.5rem; overflow:auto; }
.post .content code { font-family: 'BitmapLocal', 'VT323', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; font-size: 20px; -webkit-font-smoothing: none; }
.post h1, h1 { font-size: 40px; }
.post h2, h2 { font-size: 32px; }
.post h3, h3 { font-size: 26px; }
.post .content li { margin-left: 1.25rem; }
a { color: var(--link); }
.post .content h2, .post .content h3 { margin-top:1.5rem; }
.post .content { margin-top: 0.005rem; }