@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";:root{--primary-color: ;--background-color: ;--secondary-color:#f06292;--text-color:#1e272e;--card-background:#d2dae2;--card-shadow:rgba(0,0,0,.1);--hover-transform:translateY(-20px)}body{background-color:var(--background-color);font-family:Roboto,sans-serif;margin:0;padding:0}.container{margin:0 auto;max-width:800px;padding:20px}.title{color:var(--primary-color);font-size:2.5em;margin-bottom:40px}.error,.title{text-align:center}.error{color:var(--secondary-color)}.loading{color:var(--text-color);font-size:1.2em;text-align:center}.posts{display:grid;gap:40px;grid-template-columns:1fr}.post-card{background:var(--card-background);border:1px solid #ddd;border-radius:var(--border-radius);box-shadow:0 2px 4px var(--card-shadow);padding:20px;transition:transform .2s}.post-card:hover{transform:var(--hover-transform)}.post-title{color:var(--primary-color);font-size:1.5em;margin:0 0 10px}.post-content{color:var(--text-color);font-size:1em;line-height:1.6}.post-cover{border-radius:calc(var(--border-radius)/2);height:auto;margin-top:10px;width:100%}.footer{color:var(--card-background);font-size:.9em;line-height:1.6;margin-top:40px;text-align:center}