*{box-sizing:border-box}body{margin:0;font-family:Hanken Grotesk,Arial,sans-serif;background-color:#262626;color:#d9d9d9;padding:20px;height:100vh;display:flex;justify-content:center}.header-container{text-align:center}.header-container>h1{font-size:20px;font-weight:500;color:#f9f4da}.header-container>p{font-size:14px;color:#8e8e8e;max-width:350px;margin-left:50px}.status-container{display:flex;flex-direction:column;align-items:center;background:#05b91d;margin-block:30px;border-radius:4px;color:#f9f4da}.status-container>h1{font-size:20px;margin:5px}.status-container>p{margin:5px}.status-container.farewell-message{background-color:#7a5ea7;border:1px dashed #323232;font-style:italic;font-weight:400}.locations-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:350px;margin-bottom:36px;margin-left:50px;gap:5px}.location{border-radius:3px;padding:4.5px}.location.lost{background-color:#ba2a2a;color:#ba2a2a}.word-container{display:flex;justify-content:center;gap:2px;margin-bottom:20px}.letter{display:flex;justify-content:center;align-items:center;height:40px;width:40px;background:#323232;border-bottom:1px solid #F9F4DA;font-style:"Hanken Grotesk";font-weight:700;font-size:18px}.letter.wrong{color:#ec5d49}.keyboard-container{display:flex;flex-wrap:wrap;justify-content:center;max-width:450px;gap:8px}.key{width:35px;height:35px;border-radius:4px;border:1px solid #D7D7D7;background-color:#fcba29;cursor:pointer}.key.correct{background-color:#10a95b}.key.incorrect{background-color:#ec5d49}.key>button:disabled{cursor:not-allowed;opacity:.5}button.new-game{background-color:#11b5e5;border:1px solid #D7D7D7;border-radius:4px;width:225px;height:40px;padding:6px 12px;display:block;margin-inline:auto;cursor:pointer;margin-top:30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}