#blog-list-item {
	display: flex;
	flex-direction: row;
	box-sizing: content-box;
	width: auto;
	min-height: 64px;
	overflow-y: hidden;
	background: #531515;

	a {
		width: 100%;
		text-decoration: none;
	}

	img {
		height: 64px;
	}

	#blog-entry {
		display: flex;
		flex-direction: row;
		max-height: min-content;
	}

	#blog-entry-thumbnail {
		margin: 0 10px;
		height: 64px;
	}

	#blog-entry-info {
		display: flex;
		flex-direction: column;
		flex: 1;
		padding: 5px;
	}

	#blog-entry-top,
	#blog-entry-bot {
		display: flex;
		flex-direction: row;
	}

	#blog-entry-title {
		flex: 1;
		text-decoration: underline;
	}

	#blog-entry-date {
		color: #ffffff;
		font-weight: bold;
		flex: 0 1 auto;
		text-align: right;
		font-size: 0.8rem;
	}

	#blog-entry-tags {
		color: #ffffff;
		margin-top: auto;
		font-size: 1rem;
	}

	#blog-entry-description {
		color: #ffffff;
		flex: 1;
		margin-top: 10px;
		font-size: 90%;
	}

	&:nth-child(n+3) {
		border-top: 2px ridge #2f0c0c;
	}

	&:hover {
		background: #FFFFFF20;
	}
}

#content-box > .window {
    margin-bottom: 5px;
}

#content-header {
	display: block;
	border-bottom: #2f0c0c 4px ridge;
	padding-top: 5px;
	padding: 10px 5px;
	overflow-x: scroll;
	scrollbar-width: none;
}

#blog-post-info {
	text-align: left;
	table {
		border-spacing: 50px 0;
	}
	td, th {
		padding: 2px 10px;
	}

}

#content {
	p {
		text-align: justify;
	}

	p code {
		background-color: #0f1419;
		padding: 0 4px;
		font-size: 0.9rem;
		font-weight: bolder;
		text-align: left;
	}

	h1 {
		text-align: center;
		font-size: 1.6rem;
		padding: 2vh 0;
	}

	h2 {
		font-size: 1.4rem;
		padding: 1.5vh 0;
	}

	pre {
		padding: 0.5rem;
		overflow: auto;
	}

	img {
		max-width: 40vw;
	}
}

@media (prefers-color-scheme: light) {
	#blog-list-item {
		background: #ccd0da;
		&:nth-child(n+3) {
			border-top: 2px ridge #1e66f5;
		}
		#blog-entry-date,
		#blog-entry-tags,
		#blog-entry-description {
			color: #000000;
		}
	}

	#content-header {
		border-bottom: #1e66f5 4px ridge;
		color: #000000;
	}

	#content a {
		color: #1e66f5;
	}

	#content-header a {
		color: #1e66f5;
	}

	#content p code {
		background-color: #0f141920;
	}
}