@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300&family=Oswald:wght@200&family=Raleway:wght@100&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;height:100%;width:100%}#app{height:100%;width:100%}.keyboard[data-v-b41c9287]{display:flex;flex-direction:row;transform:perspective(300px) rotateX(12deg) scale(1.1);transform-style:preserve-3d}.key[data-v-b41c9287]{cursor:pointer;transition:.3 cubic-bezier(0,0,.2,1)}.white[data-v-b41c9287]{background-color:#fff;height:160px;width:70px;color:#757575;border:1px solid black;position:relative;display:flex;justify-content:center;align-items:flex-end;border-radius:5px}.white[data-v-b41c9287]:hover{background:orange}.key p[data-v-b41c9287]{margin:0 0 10px;padding:0;font-weight:700;-webkit-user-select:none;user-select:none}.black[data-v-b41c9287]{background-color:#000;height:80px;width:40px;z-index:10;position:absolute;top:0;right:-20px}.black[data-v-b41c9287]:hover{background:rgb(255,128,0)}.white.active[data-v-b41c9287]{background-color:orange}.black.active[data-v-b41c9287]{background-color:#ff8000}.wrapper[data-v-a68fb9db]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}h1[data-v-a68fb9db]{font-family:Oswald;font-size:4em;-webkit-user-select:none;user-select:none}h1 span[data-v-a68fb9db]{color:#1e90ff}