.hero{padding-block:2rem;text-align:center;display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}.grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}.card{border:2px solid var(--color-text);&:hover,&:focus{border-color:var(--color-primary);color:var(--color-primary)}a{text-decoration:none;display:block;padding:1rem;font-weight:700;text-align:center}}@media (min-width: 576px){.grid{grid-template-columns:repeat(2,1fr)}}.post-list{h3{font-size:var(--size-step-1)}}