/* The front page: the name alone, in the widget's colours. */
:root {
  color-scheme: dark;
  --bg: #14161a;
  --text: #e8e6e3;
}
html, body { height: 100%; margin: 0; }
body {
  display: grid;
  place-items: center;
  background: var(--bg);
  color: var(--text);
  font-family: "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
}
main {
  font-size: clamp(2.5rem, 12vw, 7rem);
  font-weight: 300;
  letter-spacing: 0.35em;
  /* The spacing after the last letter, given back so the word is centred. */
  margin-right: -0.35em;
}