.blog-post-container {
	width: 66%;
	color: #BBB;
	font-size: 16px;
	line-height: 1.5;
	background: #202020;
	padding: 3rem;
}
.blog-post-rightpane {
	width: 33%;
	background: #101010;
}

.blog-title-block > * {
	display: block;
}
.blog-post-content {
	text-align: justify;
	font-family: 'Segoe UI', sans-serif;
}

.blog-list-listpane {
	width: 66%;
	color: #BBB;
	font-size: 14px;
	line-height: 1.5;
	background: #202020;
}
.blog-list-rightpane {
	width: 33%;
	background: #101010;
}

@media only screen and (max-width: 768px) {
	.blog-post-container {
		width: 100%;
		padding: 0.8rem;
	}
	.blog-post-rightpane {
		display: none;
	}

	.blog-list-listpane {
		width: 100%;
	}
	.blog-list-rightpane {
		display: none;
	}
}

.post-link {
	display: block;
	color: unset;
	text-decoration: none;
	padding: 1.5rem;
}
.post-link:not(:last-child) {
	border-bottom: solid 1px #888A;
}
.post-link:hover {
	background: #FFF1;
}