#root{margin:0 auto}.keyboard{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;border:2px solid #ccc;border-radius:8px;padding:16px}.row{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}.row.rowst{margin-bottom:30px}.right{margin-top:91px}.key{display:flex;justify-content:center;align-items:center;width:55px;height:55px;border-radius:4px;margin-right:3px;margin-bottom:6px;text-align:center;user-select:none;cursor:pointer;background:#C4C4C4;box-shadow:0 4px 4px #00000040;font-style:normal;font-weight:600;font-size:14px;line-height:18px;color:#000}.backspace{width:109px}.tab{width:83px}.caps-lock{width:102px}.backslash{width:81px}.enter{width:120px}.left-shift{width:129px}.right-shift{width:151px}.left-ctrl{width:66px}.f1{margin-left:58px}.f5,.f9{margin-left:27px}.sys,.left-alt{width:66px}.space{width:380px}.right-alt,.right-ctrl{width:66px}.margin-s{margin-left:14px}.arrowup{margin-left:72px}.numpad0{width:113px}.numpad1{margin-left:72px}.numpad4{margin-left:202px}.numpadadd,.numpadenter{height:116px}.key:hover{background-color:#ccc}.key.active{background-color:#999}body{margin:0;display:flex;place-items:center;min-height:100vh}