body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;background-clip:text;-webkit-background-clip:text;color:#000;background-size:cover;height:100vh}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background:#eee}#keyboard{margin:15px auto 0;width:794px;height:295px;background:#d5d9dc;-moz-border-radius-topleft:7px 21px;-moz-border-radius-topright:7px 21px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-top-left-radius:7px 21px;border-top-right-radius:7px 21px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;padding:20px 0 0 5px;box-shadow:inset 0 0 8px #bbb,0 1px 0 #aaa,0 4px 0 #bbb,0 10px 30px #ddd}#myrow{width:784px;margin:0 auto}ul{list-style-type:none}#mycol{float:left}.key{display:block;color:#aaa;font:700 9pt arial;text-decoration:none;text-align:center;width:44px;height:41px;margin:5px;background:#eff0f2;border-radius:4px;border-top:1px solid #f5f5f5;box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;text-shadow:0 1px 0 #f5f5f5}.key:active,.keydown{color:#888;background:#ebeced;margin:7px 5px 3px;box-shadow:inset 0 0 25px #ddd,0 0 3px #333;border-top:1px solid #eee}.fn span{display:block;margin:14px 5px 0 0;text-align:right;font:700 6pt arial;text-transform:uppercase}#esc{margin:6px 15px 0 0;font-size:7.5pt;text-transform:lowercase}#numbers li a span{display:block}#numbers li a b{margin:3px 0;display:block}#numbers li .alt b{display:block;margin:0 0 3px}#numbers li #delete span{text-align:right;margin:23px 10px 0 0;font-size:7.5pt;text-transform:lowercase}#numbers li #worde span{display:block;margin:13px 10px 0;text-transform:uppercase}#qwerty li a span{display:block;margin:13px 0 0;text-transform:uppercase}#qwerty li #tab span{text-align:left;margin:23px 0 0 10px;font-size:7.5pt;text-transform:lowercase}#qwerty li .alt b{display:block;margin:3px 0 0}#qwerty li .alt span{margin:2px 0 0}#asdfg li a span{display:block;margin:13px 0 0;text-transform:uppercase}#asdfg li .alt span{margin:0;text-transform:lowercase}#asdfg li .alt b{display:block;margin:3px 0 0}#asdfg li #caps b{display:block;background:#999;width:4px;height:4px;border-radius:10px;margin:9px 0 0 10px;box-shadow:inset 0 1px 0 #666}#asdfg li #caps span{text-align:left;margin:10px 0 0 10px;font-size:7.5pt}#asdfg li #enter span{text-align:right;margin:23px 10px 0 0;font-size:7.5pt}#zxcvb li a span{display:block;margin:13px 0 0;text-transform:uppercase}#zxcvb li .shiftleft span{text-align:left;margin:23px 0 0 10px;font-size:7.5pt;text-transform:lowercase}#zxcvb li .shiftright span{text-align:right;margin:23px 10px 0 0;font-size:7.5pt;text-transform:lowercase}#zxcvb li .alt b{display:block;margin:4px 0 0}#zxcvb li .alt span{margin:0}#bottomrow li #commandleft span,#bottomrow li #control span,#bottomrow li #fn span,#bottomrow li #optionleft span{display:block;text-align:left;margin:31px 0 0 8px;font-size:7.5pt;text-transform:lowercase}#bottomrow li #commandright span,#bottomrow li #optionright span{display:block;text-align:right;margin:31px 8px 0 0;font-size:7.5pt;text-transform:lowercase}#bottomrow li #spacebar span{display:block;text-align:center;margin:15px 8px 0 0;font-size:12pt;text-transform:lowercase}#bottomrow ol li #down span,#bottomrow ol li #left span,#bottomrow ol li #right span,#bottomrow ol li #up span{display:block;margin:9px 0 0}.fn{height:26px;width:46px}#delete,#tab{width:72px}#caps,#enter{width:85px}.shiftleft,.shiftright{width:112px}#control,#fn,#spacebar,.command,.option{height:49px}#control{width:56px}.option{width:46px}.command{width:67px}#spacebar{width:226px}#down img,#left img,#right img,#up img{border:none}ul ol{list-style-type:none}#down{height:23px}#left,#right,#up{height:24px}#left,#right{margin:30px 5px 5px}#left:active,#right:active{margin:32px 5px 3px}#up{margin:5px 5px 1px;border-bottom-right-radius:0;border-bottom-left-radius:0}#up:active{margin:8px 5px -2px}#down{margin:0 5px 5px;border-top-left-radius:0;border-top-right-radius:0}#down:active{margin:3px 5px 4px}#main{width:700px;padding:20px 50px;margin:0 auto 50px;background:#fff;border-radius:5px;-webkit-box-shadow:0 1px 2px #aaa}h1{color:#888;text-align:center;font:700 25pt/25pt arial;margin:30px 0 60px}h2{color:#666;font:13pt/0 arial}p{color:#999;font:9pt/17pt arial;margin:0 0 50px}small{font:italic 8pt/12pt arial;color:#aaa;padding:0 130px 0 0}cite,small{display:block}cite{padding:0 0 30px;margin:0 auto;text-align:center;color:#999;font:italic 700 8pt arial}ol,ul{padding:0;margin:0}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}.style_hand__2NT4X{height:55px;position:relative;display:block;margin-left:80%;margin-top:0}.style_finger__3a7Y-,.style_fingernew__pNXzl{background:#eff0f2;border-radius:2px 2px 2px 2px;position:absolute;box-shadow:inset 0 0 2px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;text-shadow:0 1px 0 #f5f5f5}.style_finger1__3tbcK{background-color:orange;animation:style_shake__1xWLT .7s ease infinite;animation-delay:0s}.style_finger1__3tbcK,.style_fingerstop1__24hLz{border-radius:2px 2px 2px 2px;position:absolute;box-shadow:inset 0 0 2px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;text-shadow:0 1px 0 #f5f5f5;width:10px;height:35px;bottom:0;left:0}.style_fingerstop1__24hLz{background:#eff0f2;background-color:#eff0f2}.style_finger2__3qRWX{background:#eff0f2;background-color:#ff0;height:40px;left:11px;animation:style_shake__1xWLT .7s ease infinite;animation-delay:.1s}.style_finger2__3qRWX,.style_finger3__-kiHL{border-radius:2px 2px 2px 2px;position:absolute;box-shadow:inset 0 0 2px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;text-shadow:0 1px 0 #f5f5f5;width:10px;bottom:0}.style_finger3__-kiHL{background:#eff0f2;background-color:#8a2be2;height:45px;left:22px;animation:style_shake__1xWLT .7s ease infinite;animation-delay:.2s}.style_finger4__3FXAl{background:#eff0f2;background-color:#6ff;left:33px}.style_finger4__3FXAl,.style_finger5__3K9eF{border-radius:2px 2px 2px 2px;position:absolute;box-shadow:inset 0 0 2px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;text-shadow:0 1px 0 #f5f5f5;width:10px;height:38px;bottom:0;animation:style_shake__1xWLT .7s ease infinite;animation-delay:.3s}.style_finger5__3K9eF{background:#eff0f2;background-color:#b3ff66;left:82px}.style_finger6__1T1Gj{background:#eff0f2;background-color:#8a2be2;height:45px;left:93px}.style_finger6__1T1Gj,.style_finger7__1CTsO{border-radius:2px 2px 2px 2px;position:absolute;box-shadow:inset 0 0 2px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;text-shadow:0 1px 0 #f5f5f5;width:10px;bottom:0;animation:style_shake__1xWLT .7s ease infinite;animation-delay:.3s}.style_finger7__1CTsO{background:#eff0f2;background-color:#ff0;height:40px;left:104px}.style_finger8__3vRwJ{border-radius:2px 2px 2px 2px;position:absolute;box-shadow:inset 0 0 2px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;text-shadow:0 1px 0 #f5f5f5;background-color:orange;width:10px;height:35px;bottom:0;left:116px;animation:style_shake__1xWLT .7s ease infinite;animation-delay:.3s}.style_thumb9__3jjNi{left:44px;border-radius:0 15px 0 0}.style_thumb9__3jjNi,.style_thumb10__19nXT{position:absolute;background:#ff8a65;bottom:0;width:13px;height:16px;box-shadow:inset 0 0 2px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;text-shadow:0 1px 0 #f5f5f5;animation:style_shake__1xWLT .7s ease infinite;animation-delay:.4s}.style_thumb10__19nXT{left:68px;border-radius:15px 0 0 0}.style_finger__3a7Y-:after{height:5px;bottom:1px}.style_finger__3a7Y-:after,.style_finger__3a7Y-:before{content:"";width:8px;background:#aaa;left:1px;position:absolute}.style_finger__3a7Y-:before{height:10px;top:1px;border-radius:30px 30px 20px 20px}.style_hand__2NT4X .style_finger__3a7Y-:first-child{background-color:#eff0f2;width:10px;height:35px;bottom:0;left:0;animation:style_shake__1xWLT .7s ease infinite;animation-delay:0s}.style_hand__2NT4X .style_finger__3a7Y-:nth-child(2){background-color:#eff0f2;width:10px;height:40px;bottom:0;left:11px;animation:style_shake__1xWLT .7s ease infinite;animation-delay:.1s}.style_hand__2NT4X .style_finger__3a7Y-:nth-child(3){background-color:#eff0f2;width:10px;height:45px;bottom:0;left:22px;animation:style_shake__1xWLT .7s ease infinite;animation-delay:.2s}.style_hand__2NT4X .style_finger__3a7Y-:nth-child(4){left:33px}.style_hand__2NT4X .style_finger__3a7Y-:nth-child(4),.style_hand__2NT4X .style_finger__3a7Y-:nth-child(5){background-color:#eff0f2;width:10px;height:38px;bottom:0;animation:style_shake__1xWLT .7s ease infinite;animation-delay:.3s}.style_hand__2NT4X .style_finger__3a7Y-:nth-child(5){left:82px}.style_hand__2NT4X .style_finger__3a7Y-:nth-child(6){height:45px;left:93px}.style_hand__2NT4X .style_finger__3a7Y-:nth-child(6),.style_hand__2NT4X .style_finger__3a7Y-:nth-child(7){background-color:#eff0f2;width:10px;bottom:0;animation:style_shake__1xWLT .7s ease infinite;animation-delay:.3s}.style_hand__2NT4X .style_finger__3a7Y-:nth-child(7){height:40px;left:104px}.style_hand__2NT4X .style_finger__3a7Y-:nth-child(8){background-color:#eff0f2;width:10px;height:35px;bottom:0;left:116px;animation:style_shake__1xWLT .7s ease infinite;animation-delay:.3s}.style_thumb__1D5Ac{left:44px;border-radius:0 15px 0 0}.style_thumb2__36Clw,.style_thumb__1D5Ac{position:absolute;background:#aaa;bottom:0;width:15px;height:20px;box-shadow:inset 0 0 2px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;text-shadow:0 1px 0 #f5f5f5;animation:style_shake__1xWLT .7s ease infinite;animation-delay:.4s}.style_thumb2__36Clw{left:65px;border-radius:15px 0 0 0}@keyframes style_shake__1xWLT{0%{bottom:0}50%{bottom:10%}to{bottom:0}}p{text-align:Center}a{color:#fff}.style_finger1__3tbcK:after,.style_finger2__3qRWX:after,.style_finger3__-kiHL:after,.style_finger4__3FXAl:after,.style_finger5__3K9eF:after,.style_finger6__1T1Gj:after,.style_finger7__1CTsO:after,.style_finger8__3vRwJ:after{content:"";width:8px;height:5px;background:#aaa;bottom:1px;left:1px;position:absolute}.style_finger1__3tbcK:before,.style_finger2__3qRWX:before,.style_finger3__-kiHL:before,.style_finger4__3FXAl:before,.style_finger5__3K9eF:before,.style_finger6__1T1Gj:before,.style_finger7__1CTsO:before,.style_finger8__3vRwJ:before,.style_fingerstop1__24hLz:before{content:"";width:8px;height:10px;background:#aaa;top:1px;left:1px;position:absolute;border-radius:30px 30px 20px 20px}.style_fingerstop1__24hLz:after{content:"";width:8px;height:5px;background:#aaa;bottom:1px;left:1px;position:absolute}.style_fingerstop2__2L1a_{height:40px;left:11px}.style_fingerstop2__2L1a_,.style_fingerstop3__Dy5ep{background:#eff0f2;border-radius:2px 2px 2px 2px;position:absolute;box-shadow:inset 0 0 2px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;text-shadow:0 1px 0 #f5f5f5;background-color:#eff0f2;width:10px;bottom:0}.style_fingerstop3__Dy5ep{height:45px;left:22px}.style_fingerstop4__uqiP6{left:33px}.style_fingerstop4__uqiP6,.style_fingerstop5__En6f-{background:#eff0f2;border-radius:2px 2px 2px 2px;position:absolute;box-shadow:inset 0 0 2px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;text-shadow:0 1px 0 #f5f5f5;background-color:#eff0f2;width:10px;height:38px;bottom:0}.style_fingerstop5__En6f-{left:82px}.style_fingerstop6__3kMLW{height:45px;left:93px}.style_fingerstop6__3kMLW,.style_fingerstop7__N75j3{background:#eff0f2;border-radius:2px 2px 2px 2px;position:absolute;box-shadow:inset 0 0 2px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;text-shadow:0 1px 0 #f5f5f5;background-color:#eff0f2;width:10px;bottom:0}.style_fingerstop7__N75j3{height:40px;left:104px}.style_fingerstop8__3dIAd{border-radius:2px 2px 2px 2px;position:absolute;box-shadow:inset 0 0 2px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;text-shadow:0 1px 0 #f5f5f5;background-color:#eff0f2;width:10px;height:35px;bottom:0;left:116px}.style_thumbstop9__BJnWP{left:44px;border-radius:0 15px 0 0}.style_thumbstop9__BJnWP,.style_thumbstop10__3n9ut{position:absolute;background-color:#eff0f2;bottom:0;width:13px;height:16px;box-shadow:inset 0 0 2px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;text-shadow:0 1px 0 #f5f5f5}.style_thumbstop10__3n9ut{left:68px;border-radius:15px 0 0 0}.style_fingerstop2__2L1a_:before{content:"";width:8px;height:10px;background:#aaa;top:1px;left:1px;position:absolute;border-radius:30px 30px 20px 20px}.style_fingerstop2__2L1a_:after{content:"";width:8px;height:5px;background:#aaa;bottom:1px;left:1px;position:absolute}.style_fingerstop3__Dy5ep:before{content:"";width:8px;height:10px;background:#aaa;top:1px;left:1px;position:absolute;border-radius:30px 30px 20px 20px}.style_fingerstop3__Dy5ep:after{content:"";width:8px;height:5px;background:#aaa;bottom:1px;left:1px;position:absolute}.style_fingerstop4__uqiP6:before{content:"";width:8px;height:10px;background:#aaa;top:1px;left:1px;position:absolute;border-radius:30px 30px 20px 20px}.style_fingerstop4__uqiP6:after{content:"";width:8px;height:5px;background:#aaa;bottom:1px;left:1px;position:absolute}.style_fingerstop5__En6f-:before{content:"";width:8px;height:10px;background:#aaa;top:1px;left:1px;position:absolute;border-radius:30px 30px 20px 20px}.style_fingerstop5__En6f-:after{content:"";width:8px;height:5px;background:#aaa;bottom:1px;left:1px;position:absolute}.style_fingerstop6__3kMLW:before{content:"";width:8px;height:10px;background:#aaa;top:1px;left:1px;position:absolute;border-radius:30px 30px 20px 20px}.style_fingerstop6__3kMLW:after{content:"";width:8px;height:5px;background:#aaa;bottom:1px;left:1px;position:absolute}.style_fingerstop7__N75j3:before{content:"";width:8px;height:10px;background:#aaa;top:1px;left:1px;position:absolute;border-radius:30px 30px 20px 20px}.style_fingerstop7__N75j3:after{content:"";width:8px;height:5px;background:#aaa;bottom:1px;left:1px;position:absolute}.style_fingerstop8__3dIAd:before{content:"";width:8px;height:10px;background:#aaa;top:1px;left:1px;position:absolute;border-radius:30px 30px 20px 20px}.style_fingerstop8__3dIAd:after{content:"";width:8px;height:5px;background:#aaa;bottom:1px;left:1px;position:absolute}.style_mytextzone__HUORs{display:flex;justify-content:center;align-items:center;width:840px;height:120px;background:linear-gradient(147deg,#ffedd8,#f5c9d6 26%,#f1def1 50%,#f0e5c4 75%,#b6eec7)}.style_mytext__1yVPv{font:30px Arial;font-weight:700;letter-spacing:5px}.style_current__K0pts{font:30px Arial;font-weight:700;background-color:#fff;display:block}.style_mytitle__18GNf{background-color:#001529;-webkit-background-clip:text;font:40px Arial;font-weight:700}.style_mysubtitle__35RYH,.style_mytitle__18GNf{text-transform:uppercase;-webkit-text-fill-color:transparent}.style_mysubtitle__2HYdf,.style_mysubtitle__35RYH{background:linear-gradient(147deg,#f90fd8,#f54377 26%,#fc1c1c 50%,#926f05 75%,#1a7e09);-webkit-background-clip:text;font:18px Arial;font-weight:700}.style_mysubtitle__2HYdf{text-transform:uppercase;-webkit-text-fill-color:transparent}s,strike{text-decoration:none;position:relative}s:before,strike:before{top:50%;background:red;opacity:.7;content:"";width:110%;position:absolute;height:.1em;border-radius:.1em;left:-5%;white-space:nowrap;display:block;transform:rotate(-15deg)}s.straight:before,strike.straight:before{transform:rotate(0deg);left:-1%;width:102%}.style_myfacebookbuttonclass__22KLL{line-height:30px;border-radius:4px;background:#3b5998;color:#fff;border:0 transparent}.style_mytd__2M1fN{border:1px solid grey}
/*# sourceMappingURL=main.1d969b6f.chunk.css.map */