@charset "UTF-8";.blog-title{font:var(--h2);color:var(--color-text);text-align:center;margin-top:calc(3rem + var(--height-header))}.blog-title:first-letter{text-transform:uppercase}#blog-wrapper{display:grid;grid-template-areas:"main"}.blog_list{display:grid;grid-gap:var(--gap);font-family:cool;font-weight:200;grid-area:main;padding:0 var(--padding-s) var(--padding-top-page-content) var(--padding-s)}.blog_list .list-div1{padding:1rem;background:var(--color-bg);display:flex;transition:.2s;border:10px solid var(--color-brand1);box-shadow:12px 12px 0 var(--color-text);min-height:8rem;align-items:center}.blog_list>div>img{width:100px;height:100px;border-radius:50%}.blog_list .list-div2{padding:1rem;display:grid;width:100%}.title{color:var(--color-bg);text-align:center}.blog_list>div a:hover{text-decoration:none}.post-category{text-transform:uppercase;color:var(--color-text);padding:.5% 1%;letter-spacing:2px;justify-self:end}.post-el{width:fit-content}.post-date{font-style:italic}.blog-filters{display:flex;gap:1rem;flex-wrap:wrap}.blog-filters button{background:var(--color-footer-bg);color:var(--color-footer-text)}.blog-filters button:focus{background-color:var(--color-grey5)}@media only screen and (min-width:1200px){#blog-wrapper{grid-template-areas:"anchor main options";grid-template-columns:1fr 5fr 1fr}}@media only screen and (min-width:1500px){#blog-wrapper{grid-template-areas:"anchor main options";grid-template-columns:1fr 8fr 1fr}}@media (scripting:none){#blog-wrapper{grid-template-areas:"main";grid-template-columns:1fr}}