:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.keys.svelte-1fro15f{display:flex}.key.svelte-1fro15f{color:#fff;border-radius:8px;padding:8px;margin:8px;background:#00f}.key.pressed.svelte-1fro15f{background:red}#keyboard.svelte-1fro15f{width:20%;text-align:center;margin:0 auto}#keyboard.svelte-1fro15f>div:where(.svelte-1fro15f){display:flex;justify-content:space-between;text-align:center}main.svelte-1n46o8q{color:#000;text-align:center;width:100vw}