article { position: relative; z-index: 0; }

.nav-links { display: flex; justify-content: space-between; margin-top: 6rem; }
.nav-links a { font-weight: var(--font-weight); transition: all .2s ease-in-out; }
.nav-links a:hover { color: var(--color-green-primary); text-decoration: underline; }


.blog-description { background: var(--color-green-light); }
.blog-description h2 { color: black; font-size: 2rem; font-weight: var(--font-weight); margin-bottom: 1rem; }
.blog-description .intro { display: flex; flex-wrap: wrap; padding-top: 5rem; padding-bottom: 6rem; }
.blog-description .intro .intro-content { width: 65%; font-size: 1.35rem; }
.blog-description .intro .categories { width: 100%; display: flex; flex-wrap: wrap; gap: 2rem; margin-top: 2rem; }
.blog-description .intro .categories > a { min-width: 8rem; text-align: center; }
.blog-description .intro .intro-img { width: 35%; margin: auto; }
.blog-description .intro .intro-img img { width: 20rem; height: auto; margin-left: auto; }

.blog { margin-top: 4rem; }
.blog .category-section { margin-bottom: 4rem; }

.blog .category-title { display: flex; gap: 1rem; }
.blog .category-title h2 { width: fit-content; white-space: nowrap; color: var(--color-green-primary); line-height: 1; }
.blog .category-title span { width: 100%; border-bottom: 2px solid var(--color-green-light); }
.recent-posts-slider { margin-top: 2rem; }



@media screen and (max-width: 1146px) { 
	.blog-description .intro .intro-content, .blog-description .intro .intro-img { width: 100%; }
	.blog-description .intro .intro-img img { margin-left: unset; margin-inline: auto; }
}

@media screen and (max-width: 480px) { 
	.blog-description .intro .categories > a { min-width: 16rem; margin-inline: auto; }
	.blog-description .intro .intro-img img { width: 16rem; }
}