/* cyberoctober.nl: a title page in the deck's Google colours. */
:root { --ink: #202124; --muted: #5F6368; --bg: #FFFFFF; }
html, body { margin: 0; height: 100%; background: var(--bg); color: var(--ink); -webkit-text-size-adjust: 100%; }
body { display: flex; flex-direction: column; }
.stripe { height: 8px; flex: none; background: linear-gradient(90deg, #4285F4 0 25%, #EA4335 25% 50%, #FBBC04 50% 75%, #34A853 75%); }
main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 16px 12vh; text-align: center; }
h1 { margin: 0; font-family: Outfit, Roboto, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; font-weight: 800; font-size: clamp(44px, 9vw, 120px); line-height: 1.05; letter-spacing: -0.02em; }
p { margin: 24px 0 0; font-family: Roboto, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; font-weight: 500; font-size: clamp(14px, 1.6vw, 18px); letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); }
.blue { color: #4285F4; }
.red { color: #EA4335; }
.yellow { color: #FBBC04; }
.green { color: #34A853; }