body{font-family:Arial,Helvetica,sans-serif;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body::-webkit-scrollbar{display:none}.restart{display:none;border:none;border-radius:40px;padding:10px 20px;font-size:20px;background-color:#000;color:#fff;cursor:pointer}.show{display:block}header{width:100%;display:flex;align-items:center;justify-content:center;gap:40px;margin-bottom:20px}article{display:flex;flex-direction:column}hr{width:100%;opacity:.5}#title{font-size:36px;font-weight:700;letter-spacing:2px;color:#0f56c8}#board{display:flex;flex-direction:column}#board div{margin:auto;display:flex}.tile{border:2px solid rgb(147,147,147);height:60px;width:60px;margin:2.5px;font-weight:700;color:#000;font-size:36px;display:flex;justify-content:center;align-items:center}.correct{background-color:#6aaa64;color:#fff;border-color:#fff}.present{background-color:#c9b458;color:#fff;border-color:#fff}.absent{background-color:#787c7e;color:#fff;border-color:#fff}.keyboard-row{width:500px;margin:0 auto;display:flex;flex-wrap:wrap}.keytile{border:1px solid rgb(147,147,147);height:40px;width:46px;margin:1px;font-weight:700;font-size:20px;display:flex;justify-content:center;align-items:center}.enter-keytile{border:1px solid rgb(147,147,147);height:40px;width:96px;margin:1px;font-weight:700;font-size:20px;display:flex;justify-content:center;align-items:center}#length,#diff{margin-top:5px;border-radius:40px;width:110px;height:35px;padding:8px;font-size:15px}.success,.second,.error{background-color:#fff;padding:20px;border-radius:30px;box-shadow:5px 5px #000}.success{color:#009c1d}.error{color:#ca0000}.small{color:#000;opacity:.6;font-size:13px}@media (max-width:500px){#answer{font-size:18px}.small{font-size:10px}}@media (max-width:550px){.tile{width:30px;height:30px;font-size:100%}}@media (min-width:1000px){#answer{width:50%;margin:20px auto}}@media (max-width:500px){.keyboard-row{width:100%;margin-left:3%}.keytile{width:8%}.enter-keytile{width:17%}}