body {
	background: linear-gradient(
		to bottom,
		#222 69%,
		#420666);
	background-attachment: fixed;
	height: 100vh;
	color: #eee; font-family: sans-serif;
	margin: 0 0 1em 0; padding: 0;
}
header {
	text-align: center;
	background: linear-gradient(
		to right,
		#420666,
		#222,
		#222,
		#222,
		#420666);
	text-shadow: 0 0 3px 3px #000;
	padding-top: 1em; border-bottom: 3px double #eee;
	margin-bottom: 1em;
}
header > h1 {
	font-family: display;
	line-height: 1; margin: 0; padding: 0;
}
main {
	max-width: 100vw; background: #333;
	padding: 1em; box-sizing: border-box;
	border: 3px double #eee; margin: 0 1em 1em 1em;
}
#blogs {
	display: grid; gap: 1em;
	/* edit the below to adjust column count */
	grid-template-columns: repeat(4, 1fr);
}
main > a > img {
	width: 100%; box-sizing: border-box;
	border: 3px dotted #eee; padding: 1em;
}
main > a > img:hover {
	border: 6px dotted #f69;
}

footer {
	color: #888;
	line-height: 1px;
	text-align: center;
	font-size: 8pt;
}