:root{--color-bg: hsl(240, 8%, 14%);--color-text: hsl(0, 0%, 95%);--color-accent: hsl(36, 60%, 60%);--color-accent-hover: hsla(36, 60%, 60%, .65);--color-social: hsl(36, 60%, 60%);--color-social-hover-glow: hsla(36, 60%, 60%, .65);background-color:var(--color-bg);color:var(--color-text);color-scheme:light dark;font-weight:400;font-size:100%;line-height:1.5;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.logo{transition:filter .3s;will-change:filter;padding:1.5rem;height:8rem}.logo:hover{filter:drop-shadow(0 0 2rem hsla(239,100%,68%,.67))}.logo.svelte:hover{filter:drop-shadow(0 0 2rem hsla(16,100%,50%,.67))}.social-logo{display:inline-block;transition:filter .3s,transform .2s;padding:1.5rem}.social-logo svg{display:block;fill:var(--color-social);width:3rem;height:3rem}.social-logo:hover{transform:translateY(-.2rem);filter:drop-shadow(0 0 2rem var(--color-social-hover-glow))}a{color:var(--color-social);font-weight:500;text-decoration:inherit}a:hover{color:var(--color-accent-hover)}body{display:flex;place-items:center;margin:0;min-width:20rem;min-height:100vh}h1{font-size:3.2rem;line-height:1.1}.card{padding:2rem}#app{margin:0 auto;padding:2rem;max-width:80rem;text-align:center}button{transition:border-color .25s;cursor:pointer;border:.0625rem solid transparent;border-radius:.5rem;background-color:#1a1a1a;padding:.6em 1.4em;font-weight:500;font-size:1.1rem;font-family:inherit}button:hover{border-color:var(--color-accent)}button:focus,button:focus-visible{outline:.25rem auto -webkit-focus-ring-color}footer{opacity:.7;transition:opacity .25s ease-in-out;margin-top:3rem;padding:1rem 0;width:100%;font-size:.9rem;font-family:Courier New,Consolas,monospace;-webkit-user-select:none;user-select:none;text-align:center}footer:hover{opacity:1}@media(prefers-color-scheme:light){:root{--color-bg: hsl(0, 0%, 100%);--color-text: hsl(216, 25%, 26%)}button{background-color:#fafafa}}