:root {
  color-scheme: light;
  --bg: #0d0e0dfc;
  --ink: #e1dbdb;
  --muted: #53504d;
  --blue: #4458a0;

}

* { box-sizing: border-box; }

html, body { margin: 0; }

body {
  min-height: 100svh;
  padding: 40px;
  background: var(--bg);
  color: var(--ink);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 15px;
  text-align: center;
  align-items: center;
  align-content: center;
  
}



footer { margin-top: 2.5em; }

footer a { color: var(--blue); }

footer a:hover { color: #32447c; }

:focus-visible {
  outline: 1px solid var(--blue);
  outline-offset: 3px;
}

::selection { background: rgba(68, 88, 160, 0.25); }

@media (max-width: 560px) {
  body { padding: 28px 20px; }
}