main {
	max-width: 1300px; 
	padding-top: 40px;
	margin-left: auto; 
	margin-right: auto;
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
}

.post-container {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 40px;
	row-gap: 50px;
}

.post-container .featured-image {
	aspect-ratio: 16/9;
	object-fit: cover;
}

.post-container .title {
	font-size: 20px;
	margin-top: 10px;
	font-weight: 500;
}

.post-container .blog-row {
	margin-top: 10px;
	display: flex;
	align-items: center;
	gap: 5px;
	color: black;
}

.post-container .dot {
	width: 13px;
}

.post-container .excerpt {
	margin-top: 5px;
}

.post-container .read-more {
	margin-top: 10px;
	display: block;
	color: #aed651;
}
.post-container .read-more:hover {
	text-decoration: underline;
}

@media screen and (max-width: 600px) {
	.post-container {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 40px;
	}
}