main{
	background: var(--secondary-color);
	display: flex;
	flex-direction: column;
	gap: 2rem;
	align-items: center;
	margin: 0, auto;
}

.m-header{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1rem;
}

.blog-heading{
	color: var(--primary-color);
}

.description{
	line-height: 1.7;
	text-align: center;
}

.m-body{
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding: 1rem;
	align-items: center;
}

.post{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1.3rem;
	border-radius: 1rem;
	transition: 0.6s all ease;
	border: 0.1rem solid;
	transform: translate(50%, 0);
	transition: all 0.6s ease;
}

.post:hover{	
	box-shadow: 0.1rem 0.1rem 0.2rem;
}

.title{
	color: var(--primary-color);
}

.content{
	line-height: 1.8;
}

.date{
	color: rgba(0, 0, 0, 0.5);
}