*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{font-size:2rem;font-family:monospace}ul{list-style:none}p,h2,h3{margin-bottom:2.4rem}button{padding:.6rem 1rem;font-size:1.6rem;font-family:inherit;letter-spacing:1px;font-weight:700;border:none;background:none;border-radius:3px;pointer-events:all;background-color:#121212;color:#ccc}button:hover{cursor:pointer;background-color:#333}.fake-link{color:#add8e6}.fake-link:hover{cursor:pointer;text-decoration:underline}.a-bold:link,.a-bold:visited{color:inherit;text-decoration:none;border-radius:3px}.a-bold:hover,.a-bold:active{color:#121212;background-color:gold}::-webkit-scrollbar{width:1.8rem}::-webkit-scrollbar-track{background:#121212}::-webkit-scrollbar-thumb{background:hsl(0,0%,15%);border-radius:1.8rem}::-webkit-scrollbar-thumb:hover{background:hsl(0,0%,5%);cursor:pointer}.homepage{color:#ccc;background-color:#121212;min-height:100svh;font-weight:800}.homepage-inner{margin:0 auto;max-width:50svw;display:flex;gap:2.4rem;flex-direction:column}.dashboard{color:#ccc;background-color:#121212;height:100svh;width:100svw;overflow:hidden;display:grid;font-weight:800}.canvas{touch-action:none}.keyboard-wrapper{position:fixed;top:0;left:0;height:100svh;width:100svw;z-index:99;display:flex;flex-direction:column;justify-content:space-between;background-color:#121212;color:#e6e6e6}.keyboard-word{font-size:4rem;width:100svw;word-break:break-all;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:space-around}.keyboard{display:flex;flex-direction:column;gap:10px}.keyboard-row{display:flex;justify-content:center;gap:1svw}.keyboard-button{border:none;background:none;font-family:inherit;color:inherit;font-size:inherit;border:hsl(0,0%,90%) solid 1px;border-radius:3px;width:9svw;height:40px;position:relative}.keyboard-spacebar{width:40svw}.keyboard-button-active{background-color:#000}.keyboard-button-helper{position:absolute;width:100%;height:60px;top:-60px;background-color:#000}@media (max-width: 1100px){.homepage-inner{max-width:70svw}}@media (max-width: 800px){.homepage-inner{max-width:80svw}}@media (max-width: 500px){.homepage-inner{max-width:90svw}}