main, main header
{
	flex-direction: column;
	align-items: center;
	margin-bottom: 40px;
}

.blog-body
{
	column-count: 3;
}

.blog-body li
{
	break-inside: avoid;
	margin: 15px;
	margin-top: 0;
	margin-bottom: 40px;
}

.blog-body li hr, .blog-body li time
{
	display: none;
}

.blog-body li figure
{
	filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.18));
	transition: var(--transition);
}

.blog-body li figure:hover
{
	margin-bottom: 20px;
	transition: var(--transition);
	transform: var(--scale);
	z-index: 10;
}

.blog-body li h2 a:hover
{
	color: var(--yellow);
}

@media screen and (max-width: 1023px)
{
	.blog-body
	{
		column-count: 2;
	}
}

@media screen and (max-width: 620px)
{
	.blog-body
	{
		column-count: 1;
	}
}