:root{
  --ink:#ffffff;
  --ink-soft:rgba(255,255,255,.78);
  --ink-faint:rgba(255,255,255,.55);
  --rule:rgba(255,255,255,.22);
  --fallback:#2559f0;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  display:grid;
  place-items:center;
  padding:32px;
  color:var(--ink);
  background-color:var(--fallback);
  background-image:url("/assets/bluebg.svg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-attachment:fixed;
  font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
main{max-width:34rem;text-align:center}
img{margin-bottom:22px;filter:drop-shadow(0 2px 12px rgba(0,0,0,.28))}
h1{margin:0 0 10px;font-size:2.6rem;font-weight:600;letter-spacing:-.025em;text-wrap:balance}
.lede{margin:0 0 6px;font-size:1.12rem;color:var(--ink-soft)}
.note{margin:0;font-size:.95rem;color:var(--ink-faint)}
hr{border:0;border-top:1px solid var(--rule);margin:30px 0}
dl{display:grid;grid-template-columns:auto auto;gap:5px 18px;justify-content:center;margin:0;
   font-size:.82rem;color:var(--ink-faint)}
dt{text-align:right;font-weight:600}
dd{margin:0;text-align:left;font-family:ui-monospace,Menlo,Consolas,monospace}
@media (max-width:480px){h1{font-size:2rem}}