:root {
  --red:#aa1e22; --gold:#f2a900; --blue:#002d72;
}
body { font-family: system-ui, sans-serif; margin:0; background:var(--red); color:#fff; }
header { background:var(--blue); color:#fff; padding:1rem; }
main { background:#fff; color:#1a1a1a; max-width:900px; margin:2rem auto; border-radius:12px; padding:1.5rem; }
a { color: var(--blue); }
/* === personalize below by changing colors or spacing === */
/* example: make headings blue and a bit larger */
h2 { color: var(--blue); font-size: 1.6rem; }
/* example: make your photo round */
img { border-radius: 12px; }