@import url(https://fonts.googleapis.com/css?family=Varela&display=swap);.keydown-style[data-v-305d3b98]{border:2px solid #fddbc9!important}.square-key-cont[data-v-305d3b98]{display:flex;flex-direction:column;align-items:center;border:2px solid #000;background:#202124;height:45px;width:45px;border-radius:5px;font-size:.9em;color:#fff}.square-content[data-v-305d3b98]{height:100%}.delete[data-v-305d3b98]{font-size:.7em!important;justify-content:flex-end!important;align-items:flex-end!important;width:70px!important}.delete>span[data-v-305d3b98]:last-of-type{margin:0 4% 4% 0}.tab[data-v-305d3b98]{align-items:flex-start;justify-content:flex-end;width:70px}.tab>span[data-v-305d3b98]:last-of-type{margin:0 0 4% 4%;font-size:.7em}.caps[data-v-305d3b98]{align-items:flex-start;width:82px}.lock[data-v-305d3b98]{margin:0 0 4% 4%;font-size:.7em}.period[data-v-305d3b98]{margin:0 0 11% 4%}.return[data-v-305d3b98]{font-size:.7em;justify-content:flex-end!important;align-items:flex-end;width:82px}.return>span[data-v-305d3b98]:last-of-type{margin:0 4% 4% 0}.shift-left[data-v-305d3b98]{width:110px!important;font-size:.7em!important;display:flex!important;align-items:flex-start!important;justify-content:flex-end!important}.shift-left>span[data-v-305d3b98]:last-of-type{margin:0 0 4% 4%}.shift-right[data-v-305d3b98]{width:110px!important;font-size:.7em!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important}.shift-right>span[data-v-305d3b98]{margin:0 4% 4% 0}.fn[data-v-305d3b98]{font-size:.7em!important;display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;width:45px!important}.fn>span[data-v-305d3b98]{margin:0 0 4% 6%}.ctrl[data-v-305d3b98]{margin-top:20%;font-size:.7em}.cmd[data-v-305d3b98]{width:55px!important}.spacebar[data-v-305d3b98]{width:260px!important}.f-keys[data-v-305d3b98]{font-size:.5em;letter-spacing:-.05em;display:flex;justify-content:center;align-items:flex-end;background:#202124;border-radius:5px;border:2px solid #000;padding:0;height:23px;width:48px}.esc[data-v-305d3b98]{display:flex;justify-content:flex-start!important;align-items:center!important;font-size:.7em!important}.esc>span[data-v-305d3b98]:first-of-type{margin:0 0 0 4%!important}.arrow-content[data-v-305d3b98]{flex-direction:column;background:#202124;align-items:center;border:2px solid #000;border-bottom:1px solid #000;display:flex;border-radius:5px 5px 0 0;height:22.5px;width:45px}.keydown-arrow[data-v-305d3b98]{border:2px solid #fddbc9!important;border-bottom:1px solid #fddbc9!important}.down-arrow[data-v-305d3b98]{transform:rotate(180deg)}.container[data-v-26c518cf]{display:flex;flex-direction:column;align-items:center;width:854px;height:598px;border:2px solid #fddbc9;border-radius:35px;background:#fddbc9;padding:0;box-sizing:unset}.key-container[data-v-26c518cf]{display:grid;grid-template-rows:repeat(7,auto);border:1px solid #a87961;box-shadow:inset 0 2px 2px 0 #a87961,inset 2px 0 2px 0 #a87961,inset -2px 2px 2px 0 #a87961,inset 0 -2px 2px 0 #a87961;width:780px;height:330px;margin:3.5% 0 0 0;border-radius:12px}.row1[data-v-26c518cf]{display:flex;justify-content:space-around;margin:1% .5% 0 .5%}.row2[data-v-26c518cf],.row3[data-v-26c518cf],.row4[data-v-26c518cf],.row5[data-v-26c518cf],.row6[data-v-26c518cf]{display:flex;justify-content:space-around;margin:0 .5% 0 .5%}.touchID[data-v-26c518cf]{width:23px;font-size:.5em!important;letter-spacing:-.05em;display:flex;justify-content:center;align-items:flex-end;background:#202124;border-radius:5px;border:2px solid #000;padding:0;height:23px}.arrow-key-cont[data-v-26c518cf]{display:flex;flex-direction:column;align-items:center;border-radius:5px;font-size:.9em;height:49px;background-color:#fddbc9}.row3>div[data-v-26c518cf],.row4>div[data-v-26c518cf],.row5>div[data-v-26c518cf],.row6>div[data-v-26c518cf]{justify-content:center}.row4>.caps[data-v-26c518cf]{align-items:flex-start;width:82px}.trackpad[data-v-26c518cf]{margin:1% 0;width:320px;height:220px;border:1px solid #9f6e57;border-radius:10px}body,html{font-family:Varela,sans-serif;display:flex;justify-content:center;align-items:center;margin:0;padding:0;height:auto;width:100%;background:#fff;color:#fff}.system-bar{position:fixed;left:0;bottom:0;width:100%}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}