body {
    margin: 0;
    font-size: 18px;
    font-family: "Roboto","Noto",sans-serif;
    background-color: white;
    color: black;
}

.grid-container {
	display: grid;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	grid-template-columns: repeat( auto-fit, minmax(250px, 1fr));
}

.card-container {
    background-color: white;
}

.blog-meta-grid-container {
    padding-top: 20px;
    display: grid;
    grid-template-columns: fit-content(80px) 1fr;
    grid-template-areas: 'avatar author-details' 'avatar blog-details';
    /* grid-auto-flow: dense; */
}

.blog-body {
	color: #5A7690;
}

.blog-thumbnail {
	max-width: 100%;
}

.blog-avatar {
	border-radius: 50%;
	max-width: 40px;
	grid-area: avatar;
}

.blog-author-details {
	grid-area: author-details;
	text-align: left;
	color: #5A7690;
	font-size: 14px;
	align-self: center;
}

.blog-meta-detail {
	grid-area: blog-details;
	color: #5A7690;
	font-size: 12px;
	text-align: left;
	align-self: center;
}