@keyframes rotating{100%{transform:rotate(360deg)}}:root{--header-background-color: rgb(78, 114, 231);--cookies-background: var(--base-white, #fff);--cookies-color: var(--text-color, #000);--cookies-checkbox-background: var(--main-color, #000);--cookies-checkbox-color: var(--base-white, #fff);--cookies-setting-border: var(--color-line, #dedede);--cookies-setting-ico: var(--base-grey, #f7f7f7)}.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:var(--main-color, #3883c4);color:var(--base-white, #fff);text-decoration:none}.filter-item.active{background:var(--second-color, #2b2828)}.filter-item:focus,.filter-item:hover{color:var(--base-white, #fff);text-decoration:none;background:var(--second-color, #2b2828)}.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{border:1px solid var(--color-line, #dedede);color:var(--text-color, #000);text-decoration:none;transition:300ms;border-radius:.4rem;overflow:hidden}.blog-item-image{position:relative;overflow:hidden}.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:var(--main-color, #3883c4);color:var(--base-white, #fff);display:inline-block;padding:.5rem 1rem;border-radius:.4rem}.blog-item-content{padding:2rem}.blog-item-date{color:var(--base-grey-dark, #939393);font-size:1.4rem;padding:0 0 .5rem 0}.blog-item h2{margin:0 0 1rem 0;transition:300ms}.blog-item:focus,.blog-item:hover{text-decoration:none;color:var(--text-color, #000);border-color:var(--main-color, #3883c4)}.blog-item:focus h2,.blog-item:hover h2{color:var(--main-color, #3883c4)}.blog-item:focus img,.blog-item:hover img{transform:scale(1.05, 1.05)}