.filter-flex{display:flex;flex-flow:row wrap;gap:8px 10px;grid-column:1/span 6;justify-content:center;margin-bottom:40px;margin-top:40px}@media (min-width:768px){.filter-flex{grid-column:2/span 10}}@media (min-width:992px){.filter-flex{grid-column:3/span 8}}button{background:none;border:1px solid #f95c32;border-radius:20px;color:#fff;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:12px;padding:6px 12px;text-transform:uppercase}button.active{background:#f95c32}.m-portfolio h1{grid-column:1/span 6}@media (min-width:776px){.m-portfolio h1{grid-column:1/span 12}}.m-portfolio__projects{display:grid;gap:60px 20px;grid-column:1/span 6;grid-template-columns:repeat(1,1fr)}@media (min-width:560px){.m-portfolio__projects{grid-column:1/span 12;grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.m-portfolio__projects{grid-template-columns:repeat(3,1fr)}}