.keyboard_div{max-width:60%;margin:0 auto;background:#f3f4f6;padding:20px;border-radius:20px;position:relative}.top_btns{display:flex;gap:10px;margin-top:10px}.top_btns div{flex:1;background:#fff;border-radius:5px;padding:5px;text-align:center;color:#4d4d4d}.top_btns div p{font-size:12px}.tab_btn{justify-content:flex-end!important;align-items:flex-start!important;flex-basis:40px!important}.caps_btn,.enter_btn{justify-content:flex-end!important;align-items:flex-start!important;flex-basis:50px!important}.shift_btn{justify-content:flex-end!important;align-items:flex-start!important;flex-basis:60px!important}.space_btn{flex-basis:300px!important}.cmd_btn{flex-basis:60px!important}.alt_btn{flex-basis:50px!important}.ctrl_btn{flex-basis:50px!important}.top_btns div{display:flex;flex-direction:column;align-items:center;justify-content:center}.hand_imgs div img{width:100%;object-fit:contain}.leftHand{position:absolute;top:34%;left:2%}.rightHand{position:absolute;top:39%;right:12%}.spaceKey{position:absolute;top:38%;right:12%}.cKey{position:absolute;top:38%;left:2%}.nKey{position:absolute;top:41%;right:8%}.gKey{position:absolute;top:36%;left:0}.dKey{position:absolute;top:37%;left:-7%}.iKey{position:absolute;top:23%;right:10%}.eKey{position:absolute;top:23%;left:-5%}.fKey{position:absolute;top:39%;left:-5%}.jKey{position:absolute;top:39%;right:8%}.aKey{position:absolute;top:38%;left:-6%}.bKey{position:absolute;top:31%;left:-1%}.oKey{position:absolute;top:26%;right:10%}.commaKey{position:absolute;top:34%;right:6%}.dotKey{position:absolute;top:38%;right:4%}.qKey{position:absolute;top:21%;left:-10%}.yKey{position:absolute;top:27%;right:15%}.pKey{position:absolute;right:4%;top:25%}.tKey{position:absolute;top:27%;left:-5%}.lKey{position:absolute;top:36%;right:8%}.sKey{position:absolute;top:36%;left:-9%}.rKey{position:absolute;top:25%;left:-1%}.uKey{position:absolute;top:28%;right:10%}.kKey{position:absolute;top:38%;right:11%}.vKey{position:absolute;top:38%;left:-5%}.hKey{position:absolute;top:35%;right:14%}.mKey{position:absolute;top:35%;right:9%}.wKey{position:absolute;top:19%;left:-2%}.semiColonKey{position:absolute;top:32%;right:6%}.xKey{position:absolute;top:38%;left:3%}.yKey{position:absolute;top:27%;right:15%}.zKey{position:absolute;top:37%;left:0}.enterKey{position:absolute;top:39%;right:4%}.leftShiftKey{position:absolute;top:37%;left:-1%}.rightShiftKey{position:absolute;top:35%;right:5%}@media screen and (max-width:1580px){.keyboard_div{max-width:62%}}@media screen and (max-width:1480px){.keyboard_div{max-width:65%}.tKey{top:27%;left:-4%}}@media screen and (max-width:1430px){.keyboard_div{max-width:68%}}@media screen and (max-width:1361px){.keyboard_div{max-width:72%}}@media screen and (max-width:1288px){.keyboard_div{max-width:76%}}@media screen and (max-width:1210px){.keyboard_div{max-width:90%}.leftHand{left:5%}.rightHand{top:37%;right:15%}.spaceKey{right:16%}.cKey{left:5%}.nKey{right:12%}.gKey{left:4%}.dKey{left:-3%}.iKey{right:13%}.eKey{left:-2%}.fKey{left:-1%}.jKey{right:12%}.bKey{left:5%}.oKey{right:12%}.aKey{left:-4%}.commaKey{right:9%}.qKey{left:-9%}.yKey{top:25%;right:19%}.pKey{right:5%}.tKey{left:0}.lKey{right:10%}.sKey{left:-5%}.rKey{left:4%}.uKey{right:14%}.kKey{right:14%}.vKey{left:0}.hKey{right:18%}.mKey{right:12%}.wKey{left:0}.semiColonKey{right:8%}.xKey{left:3%}.yKey{top:25%;right:19%}.leftShiftKey{left:-1%}}@media screen and (max-width:1141px){.leftHand{left:3%}.rightHand{right:14%}.spaceKey{right:14%}.cKey{left:4%}.nKey{right:10%}.gKey{left:2%}.dKey{left:-4%}.iKey{right:11%}.eKey{left:-3%}.fKey{left:-3%}.jKey{right:10%}.bKey{left:2%}.oKey{right:11%}.aKey{left:-5%}.commaKey{right:8%}.qKey{left:-10%}.yKey{right:17%}.tKey{left:-18px}.lKey{right:8%}.sKey{left:-7%}.rKey{left:1%}.uKey{right:11%}.kKey{right:12%}.vKey{left:-3%}.hKey{right:16%}.mKey{right:12%}.wKey{left:-1%}.semiColonKey{right:7%}.yKey{right:17%}}@media screen and (max-width:1068px){.leftHand{left:1%}.rightHand{right:12%}.spaceKey{right:12%}.cKey{left:2%}.nKey{right:7%}.gKey{left:-1%}.dKey{left:-8%}.iKey{right:10%}.eKey{left:-5%}.fKey{left:-6%}.jKey{right:8%}.bKey{left:-1%}.oKey{right:9%}.aKey{left:-7%}.commaKey{right:7%}.qKey{left:-11%}.yKey{right:14%}.pKey{right:3%}.tKey{left:-44px}.lKey{right:7%}.sKey{left:-9%}.rKey{left:-1%}.uKey{right:9%}.kKey{right:11%}.vKey{left:-5%}.hKey{right:13%}.mKey{right:9%}.wKey{left:-3%}.semiColonKey{right:6%}.xKey{left:2%}.yKey{right:14%}.zKey{left:-1%}}@media screen and (max-width:1000px){.aKey,.bKey,.cKey,.commaKey,.dKey,.dotKey,.eKey,.enterKey,.fKey,.gKey,.hKey,.iKey,.jKey,.kKey,.lKey,.leftHand,.leftShiftKey,.mKey,.nKey,.oKey,.pKey,.qKey,.rKey,.rightHand,.rightShiftKey,.sKey,.semiColonKey,.spaceKey,.tKey,.uKey,.vKey,.wKey,.xKey,.yKey,.zKey{max-width:450px}.leftHand{top:27%;left:3%}.rightHand{top:31%;right:14%}.spaceKey{top:34%;right:14%}.cKey{top:32%}.nKey{top:35%;right:8%}.gKey{top:30%;left:1%}.dKey{top:32%;left:-6%}.iKey{top:17%;right:11%}.eKey{top:16%;left:-4%}.jKey{top:33%;right:9%}.fKey{top:32%;left:-4%}.bKey{top:28%;left:1%}.oKey{top:21%;right:10%}.aKey{top:32%;left:-6%}.commaKey{top:31%;right:8%}.dotKey{top:33%;right:5%}.qKey{top:16%;left:-9%}.yKey{top:18%;right:16%}.pKey{top:17%;right:4%}.tKey{top:20%;left:-27px}.lKey{top:30%;right:8%}.sKey{top:31%;left:-8%}.rKey{top:19%;left:0}.uKey{top:20%;right:9%}.kKey{top:34%;right:12%}.vKey{top:34%;left:-4%}.hKey{top:28%;right:14%}.mKey{top:29%}.wKey{top:13%;left:-2%}.semiColonKey{top:27%;right:6%}.xKey{top:31%;left:3%}.yKey{top:18%;right:16%}.zKey{top:33%;left:-1%}.enterKey{top:32%;right:3%}.leftShiftKey{top:32%}.rightShiftKey{top:29%;right:6%}}@media screen and (max-width:937px){.leftHand{left:1%}.rightHand{right:12%}.spaceKey{right:11%}.cKey{top:32%}.nKey{right:6%}.gKey{top:30%;left:-1%}.dKey{left:-8%}.iKey{right:9%}.eKey{left:-6%}.jKey{right:8%}.fKey{left:-6%}.bKey{left:-2%}.oKey{right:8%}.commaKey{right:6%}.qKey{left:-11%}.yKey{right:12%}.tKey{top:20%;left:-48px}.kKey{right:11%}.vKey{left:-6%}.hKey{right:12%}.yKey{right:12%}}@media screen and (max-width:900px){.leftHand{left:-1%}.rightHand{right:10%}.spaceKey{right:11%}.cKey{left:0}.nKey{right:4%}.gKey{top:30%;left:-3%}.dKey{left:-9%}.iKey{right:7%}.eKey{left:-7%}.jKey{right:6%}.fKey{left:-8%}.bKey{left:-4%}.oKey{right:7%}.dotKey{right:3%}.qKey{left:-13%}.yKey{right:9%}.pKey{right:2%}.tKey{left:-61px}.lKey{right:5%}.sKey{left:-10%}.rKey{left:-15px}.uKey{right:6%}.kKey{right:10%}.vKey{left:-8%}.hKey{right:11%}.mKey{right:7%}.wKey{left:-3%}.xKey{left:2%}.yKey{right:9%}.leftShiftKey{left:-3%}.rightShiftKey{right:2%}}@media screen and (max-width:840px){.leftHand{left:-2%}.rightHand{right:8%}.spaceKey{right:9%}.cKey{left:-1%}.nKey{right:2%}.gKey{left:-6%}.dKey{left:-10%}.iKey{right:5%}.eKey{left:-9%}.jKey{right:4%}.fKey{left:-11%}.bKey{left:-8%}.oKey{right:5%}.aKey{left:-8%}.commaKey{right:4%}.pKey{right:0}.tKey{left:-75px}.sKey{left:-12%}.rKey{left:-34px}.uKey{right:4%}.kKey{right:8%}.vKey{left:-11%}.hKey{right:8%}.mKey{right:5%}.wKey{left:-4%}.semiColonKey{top:27%;right:6%}.xKey{left:1%}.zKey{left:-2%}.enterKey{right:2%}.leftShiftKey{left:-5%}.rightShiftKey{right:1%}}@media screen and (max-width:800px){.leftHand{top:24%;left:-4%}.rightHand{top:28%;right:5%}.spaceKey{top:28%;right:5%}.cKey{top:27%;left:-5%}.nKey{top:30%;right:-1%}.gKey{top:24%;left:-8%}.dKey{top:30%;left:-13%}.iKey{top:11%;right:3%}.eKey{top:12%;left:-10%}.jKey{top:29%;right:0}.fKey{top:29%;left:-11%}.bKey{top:22%;left:-10%}.oKey{top:14%;right:4%}.aKey{top:28%;left:-10%}.commaKey{top:26%;right:1%}.dotKey{top:29%;right:0}.qKey{top:10%;left:-16%}.yKey{right:5%}.pKey{top:14%;right:-12px}.tKey{top:15%;left:-83px}.lKey{top:26%;right:2%}.sKey{top:28%;left:-14%}.rKey{top:14%;left:-40px}.uKey{top:15%;right:0}.kKey{top:31%;right:5%}.vKey{top:30%;left:-14%}.hKey{top:24%;right:5%}.mKey{top:25%;right:3%}.wKey{top:8%;left:-5%}.semiColonKey{top:22%;right:4%}.xKey{top:25%;left:-1%}.yKey{right:5%}.zKey{top:27%;left:-5%}.enterKey{top:30%;right:-2%}.leftShiftKey{top:29%;left:-8%}.rightShiftKey{max-width:400px;top:19%;right:2%}}@media screen and (max-width:760px){.leftHand{left:-6%}.rightHand{right:4%}.spaceKey{right:2%}.cKey{left:-6%}.nKey{right:-3%}.gKey{left:-11%}.dKey{top:28%;left:-15%}.iKey{right:1%}.eKey{left:-13%}.jKey{top:29%;right:-2%}.fKey{top:30%;left:-16%}.bKey{left:-13%}.oKey{right:2%}.aKey{top:28%;left:-10%}.commaKey{right:-1%}.dotKey{right:-11px}.qKey{left:-17%}.yKey{right:3%}.pKey{top:14%;right:-20px}.tKey{left:-102px}.lKey{right:1%}.sKey{left:-17%}.rKey{left:-50px}.uKey{right:-13px}.kKey{right:3%}.vKey{top:30%;left:-16%}.hKey{right:3%}.mKey{top:25%;right:1%}.wKey{left:-7%}.semiColonKey{right:1%}.yKey{right:3%}.leftShiftKey{left:-9%}.rightShiftKey{right:0}}@media screen and (max-width:709px){.aKey,.bKey,.cKey,.commaKey,.dKey,.dotKey,.eKey,.enterKey,.fKey,.gKey,.hKey,.iKey,.jKey,.kKey,.lKey,.leftHand,.leftShiftKey,.mKey,.nKey,.oKey,.pKey,.qKey,.rKey,.rightHand,.rightShiftKey,.sKey,.semiColonKey,.spaceKey,.tKey,.uKey,.vKey,.wKey,.xKey,.yKey,.zKey{max-width:400px}.leftHand{top:17%;left:-4%}.rightHand{top:19%;right:4%}.spaceKey{top:21%;right:5%}.cKey{top:21%;left:-5%}.nKey{top:21%;right:-1%}.gKey{top:18%;left:-10%}.dKey{top:22%;left:-13%}.iKey{top:3%;right:2%}.eKey{top:5%;left:-12%}.jKey{top:22%;right:0}.fKey{top:23%;left:-13%}.bKey{top:17%;left:-10%}.oKey{top:7%;right:3%}.aKey{top:21%}.commaKey{top:20%;right:1%}.dotKey{top:22%;right:-1px}.qKey{top:2%;left:-16%}.yKey{top:8%;right:4%}.pKey{top:6%;right:-11px}.tKey{top:6%;left:-82px}.lKey{top:20%;right:2%}.sKey{top:20%;left:-13%}.rKey{top:6%;left:-27px}.uKey{top:7%;right:4px}.kKey{top:23%;right:4%}.vKey{top:24%;left:-14%}.hKey{top:17%;right:5%}.mKey{top:16%;right:2%}.wKey{top:-1%;left:-5%}.semiColonKey{top:15%;right:2%}.xKey{top:20%;left:-1%}.yKey{top:8%;right:4%}.zKey{top:22%;left:-4%}.enterKey{top:21%;right:-3%}.leftShiftKey{top:22%;left:-10%}}@media screen and (max-width:660px){.hand_imgs{display:none}.key_div1000{margin:10px auto 10px!important}}@media screen and (max-width:800px){.top_btns{gap:5px}.top_btns div{flex:auto;padding:2px}.keyboard_div{padding:10px;border-radius:10px}.backspace_btn p{font-size:10px!important}.space_btn{flex-basis:200px!important}}@media screen and (max-width:500px){.hide_400{display:none}.backspace_btn,.enter_btn,.tab_btn{flex-basis:30px!important}.caps_btn{flex-basis:40px!important}}