/* ~~~CSS Stylesheet for Blog Section~~~ */
.flexbox {
	flex-direction: column;
	align-items: center;
}

#feed {
	display: grid;
	grid-template-columns: auto;
	row-gap: var(--spacing-tiny-rem);
}

.post {
	display: grid;
	grid-template-areas:
	"title"
	"content";
	background-color: white;
	border: 3px solid var(--color-green-snot);
	border-radius: 10px;
	padding: var(--spacing-mid-rem);
	max-width: var(--element-xl);
}

.post > div.title {
	grid-area: title;
	padding: var(--spacing-tiny-rem);
	border-style: dotted;
	border-width: 0px 0px 2px 0px;
	border-color: var(--color-blue-bruise);
}



.title > h2 {
	margin: 0;
}

.title > p {
	font-family: var(--font-family-accent);
	overflow-x`color: var(--color-text-accent);
}


.post > div.content {
	grid-area: content;
	padding: var(--spacing-tiny-rem);
}

.content > img {
max-width: 100%;
width: auto;
height: auto;
}


.flexbox > div.item {
	display: flex;
	flex-direction: column;
	align-items: center;
}