:root{color-scheme:dark}
body{margin:0;min-height:100svh;display:grid;place-items:center;background:#060607;color:#f4f4f2;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{display:grid;justify-items:center;gap:2rem;padding:2rem}
img{height:auto;max-width:40vw}
nav{display:flex;gap:1rem}
a{display:inline-flex;align-items:center;min-height:3rem;padding:.5rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:inherit;text-decoration:none;font-weight:550}
a:hover,a:focus-visible{background:#f4f4f2;color:#060607;outline:2px solid #7cc6c9;outline-offset:3px}