body { font-family: Arial, sans-serif; margin: 0; padding: 0; line-height: 1.6; }
header { background: #4CAF50; color: white; padding: 20px 0; text-align: center; }
nav { background: #333; }
nav ul { display: flex; list-style: none; margin: 0; padding: 0; justify-content: center; }
nav ul li { margin: 0 15px; }
nav ul li a { color: white; text-decoration: none; padding: 14px 0; display: block; }
nav ul li a:hover { background: #575757; }
.container { max-width: 1000px; margin: 20px auto; padding: 0 20px; }
.blog-post { border-bottom: 1px solid #ddd; padding: 20px 0; }
.blog-post h2 a { color: #4CAF50; text-decoration: none; }
.blog-post h2 a:hover { text-decoration: underline; }
.contact-form input, .contact-form textarea { width: 100%; padding: 10px; margin: 5px 0; border: 1px solid #ccc; border-radius: 4px; }
.contact-form button { background: #4CAF50; color: white; border: none; padding: 10px 20px; cursor: pointer; border-radius: 4px; }
.contact-form button:hover { background: #45a049; }
footer { background: #333; color: white; text-align: center; padding: 20px 0; margin-top: 40px; }
@media (max-width: 600px) { nav ul { flex-direction: column; } }