body { font-family: Arial, sans-serif; margin:0; padding:0; background:#f9f9f9; color:#333; }
.container { max-width: 960px; margin: auto; padding: 0 15px; }
header { background:#111; color:#fff; padding:15px 0; }
header .container {
    display: flex;
    justify-content: center !important;
    align-items: center;
}
header h1 a {      
    display: block;
    text-align: center !important;
    margin: 0 auto;
    color:#fff; 
    text-decoration:none; 
}
header h1, header h1 a {
    width: 100%;
    text-align: center !important;
    float: none !important;
    display: block !important;
}

nav ul { list-style:none; display:flex; gap:15px; margin:0; padding:0; }
nav a { color:#eee; text-decoration:none; }
main { padding:20px; }
article { margin-bottom:30px; padding:15px; background:#fff; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
footer { background:#222; color:#ccc; text-align:center; padding:20px; margin-top:40px; }
footer a { color:#bbb; }
@media (max-width:600px) { nav ul { flex-direction: column; } }