.container{align-items:center;flex-direction:column;flex-wrap:wrap}.container,.text,.title{display:flex}.text{align-self:center;margin:10px 0 0}.input{border-radius:5px;color:#444;display:flex;font-size:18px;height:200px;margin:10px auto;overflow:auto;padding:10px;resize:none;width:700px}.keyboard{background:#888;border:3px solid #222;border-radius:5px;margin:0 auto;padding:5px 5px 0 0;width:710px}.keyboard-row{clear:both;flex-direction:row;justify-content:space-between;margin-bottom:8px;width:100%}.key,.keyboard-row{display:flex;height:40px}.key{align-items:center;background:#444;border-radius:3px;color:#fff;cursor:pointer;font-weight:500;justify-content:center;line-height:40px;margin-left:6px;transition:border-radius .3s,background-color .3s;user-select:none;width:40px}.key:hover{background:#8a2be2}.Backspace,.CapsLock,.ShiftLeft,.ShiftRight{width:100px}.Enter,.ShiftRight{width:80px}.Space{flex-grow:1}.Alt,.ArrowDown,.ArrowLeft,.ArrowRight,.ArrowUp,.Backspace,.CapsLock,.Control,.Enter,.MetaLeft,.Shift,.Tab{background:#222}.hidden{display:none}.active{background:#b338ff;border-radius:20px}