*{box-sizing:border-box;padding:0;margin:0}body{margin:0;font-family:Hanken Grotesk,Arial,sans-serif;background-color:#262626;color:#d9d9d9;padding:20px;height:100vh}main{display:flex;flex-direction:column;align-items:center}header{text-align:center;margin-bottom:20px}header>h1{font-size:1.25rem;font-weight:500;color:#f9f4da}header>p{font-size:.875rem;max-width:350px;color:#8e8e8e}.status{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f9f4da;width:100%;max-width:350px;min-height:60px;border-radius:4px;margin-block:30px}.status.won{background-color:#10a95b}.status.lost{background-color:#ba2a2a}.status.farewell{background-color:#7a5ea7;border:1px dashed #323232}.badges-langauges{display:flex;flex-wrap:wrap;max-width:350px;width:100%;justify-content:center}.badge{padding:4.38px;margin:1.5px;font-size:12px;font-weight:700;border-radius:3px;position:relative}span.badge.lost:before{color:#d9d9d9;content:"RIP";position:absolute;display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:.85rem;top:0;left:0;background-color:#000000b3}.word{margin-block:36px;max-width:334px;width:100%;display:flex;justify-content:center;align-items:center}.word>span.wrong{color:#ba2a2a}.letter{background-color:#323232;width:40px;height:40px;margin:0 2px;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-weight:700;font-size:18px;line-height:100%;letter-spacing:0%;text-align:center;border-bottom:1px solid #F9F4DA}section.keyboard{margin-block:36px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:480px;width:100%}section.keyboard>.letter{width:40px;height:40px;border-radius:4px;border-width:1px;font-weight:600;font-size:16px;line-height:100%;cursor:pointer;background-color:#fcba29;border:1px solid #D7D7D7}.keyboard>.letter.default{background-color:#fcba29}.keyboard>.letter.right{background-color:#10a95b}.keyboard>.letter.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;cursor:pointer;font-weight:600;font-size:16px;line-height:100%;text-align:center}