.active {
    background-color: #2C96E0;
    border: none!important;
    color: #fff;
}
.active a {
    color: #fff;
}
@media (max-width: 640px) {
    .category{
        margin: 0 auto 60rem;
    }
    .category-nav li {
        font-size: 30rem;
        padding: 30rem 20rem;
/*        border-top-left-radius: 40rem;
        border-top-right-radius: 40rem;*/
    }
}
.posts{
    margin: 160px auto 140px;
    display: flex;
    gap: 100px 40px;
    flex-wrap: wrap;
    padding: 0 5rem;
}
.posts a {
    opacity: 1;
}
.post{
	width: calc(93% / 3) !important;
}
@media(max-width:1332px) {
	.post{
	width: calc(93% / 2) !important;
}
}
@media(max-width:711px) {
	.post{
	width: 100% !important;
}
}
@media (max-width: 640px) {
    .posts{
        display: block;
		margin-top:60px;
		padding:0 3rem;
    }
    .post{
        width:100%;
        margin-bottom: 60px;
    }
}
.post img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 3/2;
	margin-bottom:20px;
}
.post__body__info{
}
.post__body-date{
}
@media (max-width: 640px) {
    .post__body-date{
    }
}
.post__body-title {
}
@media (max-width: 640px) {
    .post__body-title {
    }
}
.post__body-text {
    color: #333;
    text-align: left;
}