/* Black and gold, matching the logo (branding/ralfallround/Naamloos.png), whose background is pure black */
:root { --bg: #000; --gold: #e2b34f; }
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  display: flex; flex-direction: column; background: var(--bg); color: var(--gold);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; line-height: 1.5;
}
main {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 24px 16px;
}
h1 { margin: 0; line-height: 0; }
/* the logo has wide black margins of its own, so the negative margin pulls the text up */
h1 img { width: min(420px, 90vw); height: auto; margin-bottom: -40px; }
.soon { margin: 0; font-size: 1.25rem; font-weight: 600; letter-spacing: .3em; text-transform: uppercase; }