:root{color-scheme:light dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dark-background: #000;--dark-color: #fff;--light-background: #fff;--light-color: #000}a{text-decoration:inherit}a:focus,a:hover{transition:background-color .2s ease-out}#app{margin:0 auto;max-width:1280px;padding:2rem;text-align:center}body{margin:0;display:flex;place-items:center;min-height:100vh;min-width:280px}h1{font-size:2em;line-height:1;margin:1em 0 0}header img{border-radius:50%;height:auto;object-fit:cover;width:192px}p{margin:1em 0 2em}section>a{align-items:center;background-color:#000;border-radius:4em;border-style:solid;border-width:1px;color:inherit;display:flex;font-weight:500;margin:1em 0;width:100%}section>a>img{height:2em;padding:1em}section>a>span{flex-grow:1;margin-left:-4em}@media (prefers-color-scheme: light){:root{background:linear-gradient(var(--light-background),hsl(0,0%,80%));color:var(--light-color)}section>a{background-color:var(--light-background);border-color:var(--light-color)}a:focus,a:hover{background-color:#ccc}}@media (prefers-color-scheme: dark){:root{background:linear-gradient(hsl(0,0%,20%),var(--dark-background));color:var(--dark-color)}section>a{background-color:var(--dark-background);border-color:var(--dark-color)}a:focus,a:hover{background-color:#333}}