body {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	line-height: 1.6;
	color: #333;
	max-width: 800px;
	margin: 0 auto;
	padding: 20px;
}

header {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
	h1 {
		margin: 0;
	}

	a {
		color: #333;
		text-decoration: none;
	}

main {
	margin-bottom: 40px;
}

footer {
	border-top: 1px solid #eee;
	padding-top: 20px;
	text-align: center;
	color: #777;
}

.post-list {
	list-style: none;
	padding: 0;
}

	.post-list li {
		margin-bottom: 30px;
		padding-bottom: 20px;
		border-bottom: 1px solid #eee;
	}

		a {
			font-size: 1.2em;
			font-weight: bold;
			display: block;
			margin-bottom: 5px;
		}

			a:hover {
				color: #007acc;
			}

	.post-date {
		display: block;
		color: #777;
		font-size: 0.9em;
		margin-bottom: 10px;
	}

.post {
	margin-bottom: 40px;
}

	.post-meta {
		color: #777;
		margin-bottom: 20px;
	}

	.post-content {
		line-height: 1.8;
	}

	.post-content h2 {
		margin-top: 40px;
	}

	.post-content pre {
		background-color: #f5f5f5;
		padding: 15px;
		border-radius: 5px;
		overflow-x: auto;
	}

	.post-content code {
		background-color: #f5f5f5;
		padding: 2px 5px;
		border-radius: 3px;
	}