@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";button,svg{cursor:pointer}.loading{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center}.boxparent{display:flex;justify-content:center;margin-top:50px;width:100%;height:auto;scroll-behavior:smooth;background-color:#2e2e2e}.row{width:100%;display:flex;justify-content:center}.column{border:1px solid #fff;height:60px;width:60px;border-radius:5px;margin:5px;font-size:25px;color:#fff;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 700px){.column{height:45px;width:45px}.boxparent{overflow-y:auto;margin-bottom:245px;padding-top:20px;margin-top:0}}@media screen and (max-width : 410px){.column{height:35px;width:35px}}@media screen and (max-width: 335px){.column{height:29px;width:29px}.boxparent{margin-bottom:205px}}.modalparent{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center}.modal{background:#1e1e1e;border-radius:15px;height:70%;width:50%;overflow-x:hidden;overflow-y:auto}.modalheader{display:flex;justify-content:end;height:60px;border-bottom:1px solid #fff;align-items:center}.modalheader .closeicon{color:#fff;margin-right:5px;padding:15px;font-size:20px;cursor:pointer}.buttons{display:grid;row-gap:15px;place-items:center;margin-top:20px}.buttons button{width:250px;height:50px;border-radius:10px;font-size:17px;font-weight:600;background-color:#000000b3;color:#dadada;border:none}@media screen and (max-width: 900px){.modal{height:90%;width:90%}}.modaltext{color:#fff;text-align:center;font-size:30px;margin-top:25px}.modalword{color:#fff;text-align:center;font-size:20px;margin-top:25px}.helpword{color:#fff;text-align:center;font-size:17px;margin-top:25px;padding-left:10px;padding-right:10px;font-style:italic}.flexcenter{display:flex;justify-content:center;align-items:center;margin-top:15px}.ncr label{color:#fff;margin-right:15px;font-size:20px}.save{margin-top:20px;padding:10px 40px;border-radius:15px;border:none;font-size:15px}.toogleicon{color:#fff;font-size:30px}.nav{position:sticky;top:0;z-index:3;width:100%;height:80px;border-bottom:1px solid #777;display:flex;justify-content:space-between;align-items:center;color:#fff;background-color:#1d1d1d}.righticon{font-size:30px;margin-right:25px}.logo{background-color:#fff;margin-left:30px;height:60px;width:60px;border-radius:50%}.logo img{width:60px;height:60px}.giveup{background-color:#fff;border:none;margin-right:15px;border-radius:15px;padding:10px 20px;font-weight:700}.giveupm{display:none;background-color:#fff;border:none;margin-left:20px;border-radius:15px;padding:10px 20px;font-weight:700}@media screen and (max-width: 700px){.keyboardicon{display:none}.giveupm{display:block}.giveup{display:none}.nav{border-bottom:none}.logo{margin-left:10px;height:50px;width:50px}.logo img{width:50px;height:50px}.righticon{font-size:25px;margin-right:25px}}.sidebar{position:fixed;top:81px;width:0px;background:#1f1f1f;border-right:1px solid #fff;transition:all .5s;height:calc(100vh - 81px);z-index:3;overflow:hidden;padding-bottom:10px}.sidebar.is-open{width:380px}.keyboard{display:grid;grid-template-columns:repeat(7,1fr);place-items:center;width:95%}.key{margin-top:10px;width:40px;height:40px;font-size:25px;border-radius:5px;color:#fff;background-color:#636363;border:1px solid rgb(99,99,99)}.key1{width:40px;height:40px;font-size:25px;border-radius:5px;color:#fff;background-color:#252525;border:1px solid #fff}.selected{margin-top:30px;width:100%;height:50px;margin-bottom:20px;display:grid;place-items:center;grid-template-columns:repeat(7,1fr)}@media screen and (max-width: 700px){.sidebar{top:auto;bottom:0;height:230px;width:100%;border-right:none}.sidebar.is-open{width:100%}.keyboard{grid-template-columns:repeat(9,1fr)}.selected{width:80%;grid-template-columns:repeat(7,1fr);margin-top:10px;margin-bottom:5px}.key1{width:50px;height:35px;font-size:20px}.key{margin-top:5px;width:50px;height:35px;font-size:20px}}@media screen and (max-width: 520px){.key,.key1{width:35px}}@media screen and (max-width : 360px){.key,.key1{width:30px;height:30px}.sidebar{height:210px}}@media screen and (max-width : 310px){.key,.key1{width:25px;height:25px;font-size:16px}.sidebar{height:190px}}body{background:#2e2e2e;margin:0;padding:0;font-family:Montserrat,sans-serif;width:100%;height:100%}