html,body{height:100%;margin:0}body{background-color:var(--background-light);color:var(--text-color);flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}:root{--background-dark:#bf7413;--background-dark-hnf:#776985;--text-color:#000;--background-light:#fff9f0;--button-bg:#bf7413;--button-text:#fff;--button-hover-bg:#a55f0f}header{background-color:var(--background-dark-hnf);color:#fff;justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}.container{flex:1 0 auto;width:100%;max-width:800px;margin:0 auto;padding:20px}footer{background-color:var(--background-dark-hnf);color:#fff;text-align:center;flex-shrink:0;padding:15px 20px}header button{background-color:var(--button-bg);color:var(--button-text);cursor:pointer;border:none;border-radius:4px;padding:8px 12px;font-weight:500;transition:background .2s ease-in-out}header button:hover{background-color:var(--button-hover-bg)}.btn-primary{background-color:var(--button-bg);color:var(--button-text);cursor:pointer;border:none;border-radius:4px;padding:8px 12px;font-weight:500;transition:background .2s ease-in-out}.btn-primary:hover{background-color:var(--button-hover-bg)}h1{color:var(--background-dark);text-align:center;margin-bottom:20px}.blog-card{background-color:#fff;border:1px solid gray;border-radius:6px;margin:10px 0;padding:15px;box-shadow:0 2px 5px #0000000d}.blog-card p{line-height:1.5}.blog-card small{color:#555;margin-top:5px;display:block}.blog-images{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.blog-images img{border-radius:4px;width:200px}.comment-card{background-color:#fff;border:1px solid gray;border-radius:6px;margin:10px 0;padding:15px;box-shadow:0 2px 5px #0000000d}.comment-card p{margin:0;line-height:1.5}.comment-card small{color:#555;margin-top:5px;display:block}.comment-card input{object-fit:cover;border-radius:4px;width:100px;height:100px;margin-top:10px}.comment-card button{background-color:var(--button-bg);color:var(--button-text);cursor:pointer;border:none;border-radius:4px;margin-top:10px;padding:5px 10px;font-weight:500;transition:background .2s ease-in-out}.comment-card button:hover{background-color:var(--button-hover-bg)}