Spaces:
Running
Running
| /* Reset and base */ | |
| * { box-sizing: border-box; margin: 0; padding: 0; } | |
| body { | |
| font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; | |
| background: #f9f9f9; | |
| color: #333; | |
| padding: 2rem; | |
| } | |
| /* Container and layout */ | |
| .container { | |
| max-width: 900px; | |
| margin: 0 auto; | |
| display: grid; | |
| gap: 2rem; | |
| } | |
| /* Header */ | |
| header { | |
| text-align: center; | |
| margin-bottom: 1rem; | |
| } | |
| h1 { color: #004080; margin-bottom: 0.5rem; } | |
| header p { margin-bottom: 0.5rem; } | |
| /* Person cards */ | |
| .card { | |
| background: #fff; | |
| padding: 1.5rem; | |
| border-radius: 8px; | |
| box-shadow: 0 2px 8px rgba(0,0,0,0.1); | |
| } | |
| .card h2 { | |
| color: #0055a5; | |
| margin-bottom: 0.75rem; | |
| font-size: 1.25rem; | |
| } | |
| .card p { | |
| text-align: justify; | |
| line-height: 1.6; | |
| } | |
| /* Links */ | |
| a { | |
| color: #0077cc; | |
| text-decoration: none; | |
| } | |
| a:hover { text-decoration: underline; } | |
| /* Responsive */ | |
| @media (max-width: 600px) { | |
| body { padding: 1rem; } | |
| .container { gap: 1rem; } | |
| .card { padding: 1rem; } | |
| .card h2 { font-size: 1.1rem; } | |
| } | |