@import"https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{color-scheme:light dark;--bg-dark: hsl(0, 0%, 5%);--bg: hsl(0, 0%, 10%);--bg-light: hsl(0, 0%, 15%);--bg-lighter: hsl(0, 0%, 20%);--text: hsl(0, 0%, 90%);--text-muted: hsl(0, 0%, 75%);--border: hsl(0, 0%, 30%);--shadow: inset 0 1px 2px hsla(0, 0%, 100%, .12), 0 2px 4px hsla(0, 0%, 0%, .5), 0 4px 8px hsla(0, 0%, 0%, .3)}@media(prefers-color-scheme:light){:root{--bg-dark: hsl(0, 0%, 87%);--bg: hsl(0, 0%, 92%);--bg-light: hsl(0, 0%, 97%);--bg-lighter: hsl(0, 0%, 100%);--text: hsl(0, 0%, 10%);--text-muted: hsl(0, 0%, 25%);--border: hsl(0, 0%, 70%);--shadow: inset 0 1px 0px hsla(0, 0%, 0%, .1), 0 2px 4px hsla(0, 0%, 0%, .12), 0 4px 8px hsla(0, 0%, 0%, .06)}}body{font-family:Roboto;background-color:var(--bg-dark);color:var(--text)}html,body,#root{height:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}button{background-color:var(--bg);color:var(--text);padding:.5rem 1rem;border-radius:.25rem;border:none;transition:background-color .2s}button:hover{background-color:var(--bg-light);cursor:pointer}button:active{background-color:var(--bg-lighter)}h1{font-family:Doto,Roboto,sans-serif;font-weight:700;margin-bottom:1rem}._canvas_17hhu_1{width:100%;height:100%;background-color:var(--bg-light);box-shadow:var(--shadow);border-radius:1rem}