/* KetoDick palette: "KetoDick Colors.png" (coolors), justin/Documents/ketoDick on the DS414, read 2026-10-31 */
:root { --blue: #3F48CC; --yellow: #FFF200; --magenta: #F038FF; --teal: #55D6C2; --paper: #F2F5FF; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--blue); color: #fff; font: 18px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px; }
h1 { font: 800 3rem/0.95 Rockwell, "Rockwell Extra Bold", "Roboto Slab", "Arvo", Georgia, serif; margin: 0 0 1.25rem;
  text-align: center; letter-spacing: -0.01em; }
h1 span { display: block; }
.tag { color: var(--yellow); font-weight: 700; margin: -0.75rem 0 1.5rem; }
.links { list-style: none; margin: 0; padding: 0; width: 100%; max-width: 320px; }
.links li + li { margin-top: 0.75rem; }
.links a { display: block; padding: 0.9rem 1rem; border: 2px solid var(--paper); border-radius: 8px; text-align: center;
  background: var(--paper); color: var(--blue); text-decoration: none; font-weight: 700; }
.links a:hover, .links a:focus-visible { border-color: var(--yellow); outline: none; box-shadow: 0 0 0 3px var(--teal); }