*{margin:0;padding:0;box-sizing:border-box}body{font-family:Hanken Grotesk;background-color:#262626;color:#d9d9d9;padding:20px;height:100vh}main{display:flex;flex-direction:column;align-items:center}header{text-align:center}header>h1{font-size:1.25rem;font-weight:500;color:#f9f4da}header>p{font-size:.875rem;max-width:350px;color:#8e8e8e}section.game-status{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f9f4da;border-radius:4px;margin-block:30px;width:100%;max-width:350px;height:68.8px}section.game-status.won{background-color:#10a95b}section.game-status.lost{background-color:#ba2a2a}section.game-status.fairwell{background-color:#7a5ea7;border:1px dashed #323232;font-style:italic;font-weight:400}section.game-status>h2{font-size:1.25rem;margin:5px}section.game-status>p{margin:5px}section.game-status>p.fairwell{font-style:italic;font-weight:400}section.language-container{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;align-items:center;max-width:350px;margin-bottom:36px}span.language{padding:4.5px;border-radius:3px;position:relative}span.language.lost:before{content:"☠️";position:absolute;display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:.85rem;top:0;left:0;background-color:#000000b3}section.word{display:flex;justify-content:center;gap:2px;margin-bottom:40px}section.word>span{height:40px;width:40px;background-color:#323232;display:flex;justify-content:center;align-items:center;font-size:1.125rem;border-bottom:1px solid #f9f4da}section.word>span.missed-letter{color:#ec5d49}section.keyboard{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:450px}section.keyboard>button{height:35px;width:35px;background-color:#fcba29;border:1px solid #d7d7d7;border-radius:3px;cursor:pointer}section.keyboard>button:disabled{cursor:not-allowed;opacity:.5}section.keyboard>button.correct{background-color:#10a95b}section.keyboard>button.wrong{background-color:#ec5d49}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;margin-top:20px;cursor:pointer}.binoy-barman{text-decoration:none;color:#d7d7d7;margin-top:50px;font-size:.85rem}.binoy-barman:hover{text-decoration:underline}