@keyframes rotating{100%{transform:rotate(360deg)}}.filter-container{display:flex;flex-wrap:wrap;margin:0 -0.5rem 3rem -0.5rem}.filter-container .filter-box{padding:0 .5rem 1rem .5rem}.filter-item{display:inline-block;padding:.5rem 1rem;border-radius:.4rem;background:#7ed0f6;color:#fff;text-decoration:none}.filter-item.active{background:#414142}.filter-item:focus,.filter-item:hover{color:#fff;text-decoration:none;background:#414142}.blog-container{display:grid;grid-gap:4rem;grid-template-columns:repeat(1, 1fr)}@media(min-width: 575px){.blog-container{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 992px){.blog-container{grid-template-columns:repeat(3, 1fr)}}.blog-item{color:#414142;text-decoration:none;transition:300ms;border-radius:.4rem;overflow:hidden}.blog-item-image{position:relative;overflow:hidden;border-radius:1rem;height:28rem}.blog-item-image:after{content:"";width:100%;display:block;padding-top:56.25%}.blog-item img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:11;transition:300ms}.blog-item-labels{position:absolute;top:1rem;right:1rem;display:flex;flex-wrap:wrap;z-index:22}.blog-item .label-item{background:rgba(126,208,246,.8);color:#fff;display:inline-block;padding:.5rem 1rem;border-radius:.4rem}.blog-item-content{padding:4rem 0 0;display:flex;flex-direction:column;gap:3rem;font-weight:initial}.blog-item-date{color:#939393;font-size:1.4rem;padding:0 0 .5rem 0}.blog-item h2{margin:0 0 2rem 0;transition:300ms}.blog-item:focus,.blog-item:hover{text-decoration:none;color:#414142;border-color:#7ed0f6}.blog-item:focus h2,.blog-item:hover h2{color:#7ed0f6}.blog-item:focus img,.blog-item:hover img{transform:scale(1.05, 1.05)}.blog-item:focus .link:before,.blog-item:hover .link:before{transform:translateX(0.5rem)}