.blogs-container{background-color:var(--color-primary)}.blogs-content{max-width:var(--content-width);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:2rem;display:flex}.blogs-content h1{font-family:var(--font-heading);color:var(--color-secondary);text-align:center;padding:2rem;font-size:2rem}.blogs-grid{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:2rem;display:grid}.search-input{border:1px solid #ddd;border-radius:8px;width:100%;max-width:500px;margin-bottom:2rem;padding:.8rem 1rem;font-size:1rem}