styles.css

body { font-family: Arial, sans-serif; margin: 0; padding: 0; line-height: 1.6; }
header { background: #f5f5f5; padding: 10px; text-align: center; }
nav a { margin: 0 10px; text-decoration: none; color: #0073e6; }
main { padding: 20px; text-align: center; }
#hero { padding: 50px 20px; background: #e0f0ff; }
.project, .project-detail { display: inline-block; margin: 20px; text-align: center; vertical-align: top; }
footer { background: #f5f5f5; padding: 10px; text-align: center; margin-top: 30px; font-size: 0.9em; }
form input, form textarea { width: 300px; padding: 8px; margin-bottom: 10px; }
form button { padding: 10px 20px; background-color: #0073e6; color: white; border: none; cursor: pointer; }
form button:hover { background-color: #005bb5; }