*{border:0;margin:0;padding:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}:active,:focus,a:active,a:focus{outline:none}aside,footer,header,nav{display:block}body,html{-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%;font-size:14px;height:100%;line-height:-1;width:100%}button,input,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{border:0;padding:0}a,a:hover,a:visited{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}.wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-line-pack:center;align-content:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:center;margin:0 auto}.keyboard__title{font-size:32px;font-weight:600}.keyboard__text-area{color:#000;display:block;font-size:18px;height:200px;margin:10px auto;padding:10px;width:700px}.keyboard__body,.keyboard__text-area{border:2px solid #000;border-radius:5px}.keyboard__body{-webkit-box-orient:horizontal;-webkit-box-direction:normal;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;padding:5px 5px 5px 0;row-gap:5px;width:704px}.keyboard__key{background:#999;border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;float:left;font-weight:500;height:40px;line-height:40px;margin-left:6px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:40px}.keyboard__key,.keyboard__key:hover{-webkit-transition:border-radius .3s,background-color .3s;transition:border-radius .3s,background-color .3s}.keyboard__key:hover{background:#6d6d6d}.keyboard__descriptional,.keyboard__language{-ms-flex-line-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-content:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:24px}.row{height:40px;margin-bottom:8px;width:100%}.AltLeft,.AltRight,.ArrowDown,.ArrowLeft,.ArrowRight,.ArrowUp,.Backspace,.CapsLock,.ControlLeft,.ControlRight,.Delete,.Enter,.MetaLeft,.ShiftLeft,.ShiftRight,.Tab{background-color:#464545;font-weight:500}.Space{width:319px}.Backspace,.CapsLock,.ShiftLeft{width:89px}.Enter,.ShiftRight{width:86px}.Tab{width:43px}.hidden{display:none}.caps,.caseDown,.shiftCaps{width:100%}.active{background-color:#c52d74!important;border-radius:5px}