*{box-sizing:border-box}body{margin:0;padding:0}.App{font-family:sans-serif;text-align:center}.attemptList{margin:10px 0 5px}.propLine{position:relative;display:flex;flex-direction:row;justify-content:center;grid-gap:5px;gap:5px;align-items:center;width:100%;padding:0 10px}.letter{text-align:center;height:50px;border-radius:5px;line-height:50px;font-size:40px;position:relative;z-index:1;color:#fff;background-color:#707578;flex:1 1;max-width:50px}.letter.valid{background:#418d22}.letter.other{background:#dea301}.inputZone .letter{color:#000;background:#fff;border:1px solid #ccc}.attemptList{display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-top:200px}body{padding-bottom:120px}.VirtualKeyboard{display:flex;flex-direction:row;justify-content:center;bottom:0;position:fixed;width:100vw;background:#333;padding:10px;z-index:10;height:150px}.KBActions,.KBLines{display:flex;flex-direction:column;flex-grow:1}.KBLines{flex-grow:10}.KBLine{display:flex;flex-direction:row;justify-content:center;height:33%;line-height:100%;width:100%}.KBActions .KBAction,.KBLetter{border:1px solid hsla(0,0%,100%,.2);color:#fff;text-align:center;font-size:20px;cursor:pointer;flex-grow:1;display:flex;justify-content:center;align-items:center}.KBActions .KBAction{height:33%}.KBLetter{max-width:10%}.buttonZone{margin:10px}.buttonZone button{padding:10px 15px;background-color:#06c;border:none;border-radius:3px;color:#fff}.header{position:fixed;top:0;width:100%;background:#fff;z-index:2}.header,.langSelector{margin-bottom:10px}