/*
	blog page styles
	1ost.dev
*/

.blog {
	color: black;
	font-family: "Thryomanes";
}

.blog main {	
	background-image: url("/images/backgrounds/lightstar.gif");
	background-color: #ccf;
	background-size: 25rem;
}

.blog main > * {
	backdrop-filter: brightness(1.1);
	width: fit-content;
	border-radius: .25rem;
	padding: .25rem;
}

.blog ul {
	list-style-type: ">";
	padding-inline-start: 1ch;
}
.blog ul, #blog li { padding-inline-start: .5rem; }

#blog h2 {
	font-family: "Goodfish";
	font-weight: normal;
	font-size: 2rem;
	margin-inline: auto;
}

.blog a 			{ color: #42b; }
.blog a:hover { color: #88f; }

.blog-post p { margin-block: .5rem; }

.blog-post main {
	padding: .5rem;
	line-height: 120%;
}