:root{--max-width:120ch}body>footer,main{max-width:120ch;max-width:var(--max-width)}header h1{font-size:1.5rem}search{width:max(10rem,min(25rem,30rem))}search input{border-radius:.5rem;border-width:.1rem;padding:1rem;width:100%}section:not(first-of-type){margin-top:3rem}#header-container{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:120ch;max-width:var(--max-width);padding:1rem}#loading{display:none;margin-bottom:2rem;margin-top:2rem;padding-left:1.8em;position:relative}#loading:before{animation:spin .8s linear infinite;border:3px solid var(--color-bg);border-radius:50%;border-top-color:var(--color-primary);content:"";height:1.2em;left:0;margin-top:-.6em;position:absolute;top:50%;width:1.2em}.divider{margin:0}.posts{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem}.posts .card img{height:12rem}.posts .card h3,.posts .card p{display:-webkit-box;-webkit-box-orient:vertical;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:3;line-clamp:3;max-height:4.5em}.posts .card h3{max-height:3em}#show-more-button{margin:2rem auto;width:100%}.card{box-shadow:2px 2px 5px var(--color-shadow);flex:1 1 18rem}.card img:hover{transform:scale(1.2)}.card h3{margin-bottom:1rem;margin-top:1rem}.card h3,.card p{padding-left:1rem;padding-right:1rem}.card p{margin:0;padding-bottom:1rem}.card #published{margin-bottom:.5rem;padding-left:1rem;padding-right:1rem}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){#loading:before{animation:none}}@media screen and (min-width:var(--max-width )){#header-container{padding:0}}