.blog-category-list{border-bottom:1px solid #bed1dc;margin-bottom:3rem;padding-bottom:3rem}.blog-post-list{display:grid;gap:1.5rem}.blog-post-list .blog-post{background-color:#f4f7ff;border:1px solid #fff;display:flex;flex-direction:column;width:100%}.blog-post-list .blog-post:hover{border:1px solid #000}.blog-post-list .blog-post .title-container{display:grid;padding:2rem}.blog-post-list .blog-post .title-container .category-container{height:46px;overflow:hidden}.blog-post-list .blog-post .title-container .category-container span{border:1px solid #000;display:inline-block;font-size:.8rem;margin-bottom:1rem;margin-right:1rem;padding:5px 10px}.blog-post-list .blog-post .title-container .title{font-size:1.4rem;font-weight:600;height:52px;margin-bottom:2rem;margin-top:0;overflow:hidden}.blog-post-list .blog-post .title-container .excerpt-container{height:95px;overflow:hidden}.blog-post-list .blog-post .title-container .excerpt-container .excerpt{margin-bottom:2rem}.blog-post-list .blog-post .title-container .date-container{align-items:center;display:flex;justify-content:space-between}.blog-post-list .blog-post .post-image{text-align:center}.blog-post-list .blog-post .read-post{animation:showReadPost .3s ease-out forwards;bottom:2rem;display:none;left:0;padding-left:2rem;padding-right:2rem;position:absolute;text-align:center;transform-origin:top center;width:100%}.blog-post-list .blog-post .read-post .text{background-color:var(--primary-color);color:#fff;display:block;padding:15px;width:100%}.blog-post-list .blog-post:hover .read-post{display:block}@media print,screen and (min-width:769px){.blog-post-list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.blog-post-list{grid-template-columns:repeat(3,1fr)}}.blog-category-description,article.blog-post{margin-top:1rem}.blog-category-description h2,article.blog-post h2{color:#333;font-size:24px;margin:20px 0}.blog-category-description h3,article.blog-post h3{color:#555;font-size:20px;margin:15px 0}.blog-category-description h4,article.blog-post h4{color:#777;font-size:18px;margin:10px 0}.blog-category-description p,article.blog-post p{margin-bottom:5px}.blog-category-description ol,.blog-category-description ul,article.blog-post ol,article.blog-post ul{margin:0;padding-left:20px}.blog-category-description li,article.blog-post li{color:#444;margin-bottom:5px}.blog-category-description img,article.blog-post img{display:table;height:auto;margin-left:auto;margin-right:auto;max-width:100%}.blog-category-description ul.blog-post-categories,article.blog-post ul.blog-post-categories{display:flex;gap:20px;margin-bottom:8px;margin-top:8px;padding:0}.blog-category-description ul.blog-post-categories li a,article.blog-post ul.blog-post-categories li a{background-color:var(--primary-color);color:#fff;font-size:14px;font-weight:600;list-style:none;padding:5px 10px}.blog-post-cover{display:table;margin-left:auto;margin-right:auto}.blog-post-cover .published-at{margin:8px 0;text-align:center}@keyframes showReadPost{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pagination.blog-pagination{margin-top:20px;padding:0 10px}.pagination.blog-pagination .page-item{align-items:center;background-color:#fff;border:1px solid #bed1dc;border-radius:.25rem;display:flex;height:40px;justify-content:center;position:relative;transition:border .3s ease-in;width:40px}.pagination.blog-pagination .page-item:hover:not(.active,.disabled){border-color:var(--primary-color)}.pagination.blog-pagination .page-item.active{background-color:var(--primary-color);border-radius:.25rem}.pagination.blog-pagination .page-item.active>*{color:#fff}.blog-pagination .pagination{gap:15px;justify-content:center}.blog-pagination nav{display:table;margin-left:auto;margin-right:auto;max-width:600px;width:100%}