body { font-family: Arial, sans-serif; background: #f1f3f6; margin: 0; color: #222; }
header { background: #003a8f; color: white; padding: 20px; text-align: center; }
main { display: flex; flex-direction: column; align-items: center; margin: 20px; }
.card, .forecast { background: white; padding: 20px; margin: 10px; width: 90%; max-width: 800px; border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.card h2, .forecast h2 { margin-top: 0; }
canvas { max-width: 100%; }
.time { font-size: 12px; color: gray; }
footer { margin-top: 20px; text-align: center; font-size: 12px; color: #666; }