@keyframes rotating{100%{transform:rotate(360deg)}}:root{--header-background-color: rgb(78, 114, 231)}.blog-container{display:grid;grid-gap:clamp(2rem,1.568627451vw,2.4rem);grid-template-columns:repeat(1, 1fr)}@media(min-width: 768px){.blog-container{grid-template-columns:repeat(2, 1fr)}}.blog-container.blog-item-small{min-height:12rem}@media(min-width: 992px){.blog-container.blog-item-small{grid-template-columns:repeat(3, 1fr)}}.blog-item{display:flex;align-items:center;gap:clamp(1.6rem,1.7647058824vw,2.7rem);color:var(--text-color, var(--main-color, #2C2C2C));transition:300ms ease-in-out}.blog-item .blog-item-date-wrapper{padding:clamp(2rem,2.091503268vw,3.2rem) clamp(1rem,1.045751634vw,1.6rem);border:1px solid var(--base-grey, #EFEFEF);border-bottom-width:3px;background-color:var(--base-white, #fff);width:max-content;text-align:center;transition:300ms ease-in-out}.blog-item .blog-item-date-wrapper .blog-item-date{margin:0;white-space:nowrap}.blog-item .blog-item-date-wrapper .blog-item-year{color:var(--base-grey-dark, #797979)}.blog-item .h4{margin:0;transition:300ms}.blog-item:focus,.blog-item:hover{text-decoration:none;color:#c72227;border-color:var(--main-color, #2C2C2C)}.blog-item:focus .blog-item-date-wrapper,.blog-item:hover .blog-item-date-wrapper{background-color:var(--base-grey, #EFEFEF)}.blog-item:focus h2,.blog-item:hover h2{color:#c72227}