body{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:0;padding:0}.container{max-width:700px;margin:2rem auto;padding:2rem;box-shadow:0 0 10px #0000001a}h1{text-align:center;color:#333}.blog-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.blog-form input,.blog-form textarea{font-size:1rem;padding:.5rem;border:1px solid #ccc;border-radius:4px}.blog-form .blog-button{padding:.5rem 1rem;width:fit-content;font-size:1rem;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer}.blog-form .blog-button:hover{background-color:#125aa0}.blog-list .post{border:1px solid #ddd;padding:1rem;margin-bottom:1rem;border-radius:4px;background-color:#fafafa}.blog-list .post-title{margin-top:0}.blog-list .post-content{margin-bottom:.5rem}.blog-list .post-delete-button{background-color:red;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer}.no-posts{color:gray}.error{color:red;font-weight:700;margin-top:10px}