@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;500;700&display=swap";.app{background-color:#242424;width:100vw;height:100vh;margin:0;font-family:Ubuntu,sans-serif;color:#fff;position:relative}.word-tile{width:70px;height:70px;border:1px solid white;margin:10px;text-align:center;font-size:30px}.word-tile.correct{background-color:green}.word-tile.almost{background-color:orange}table{border-spacing:10px}.keyboard{margin-top:120px}.keyboard button{font-size:24px;padding:10px;border:none;background-color:#9e8d8d;color:#fff;min-width:45px;border-radius:6px}.keyboard .row{display:flex;align-items:center;gap:.5rem;margin-bottom:10px}.keyboard .row:nth-child(2){margin-left:32px}.main-content{display:flex;margin-top:70px;flex-direction:column;align-items:center}.navbar{height:80px;background-color:#1a1a1a;color:#f0f8ff;text-align:center;font-size:50px;padding-top:20px;border-bottom:1px dashed white}.overlay{position:absolute;left:0;right:0;margin:auto;top:0;width:100vw;height:100vh;background-color:#1e1e1ed6}.overlay .won-modal{position:absolute;left:0;right:0;margin:auto;top:200px;background:#8a678b;width:50%;height:30%;display:flex;justify-content:flex-start;flex-direction:column;align-items:center;gap:1rem;border-radius:100px}.overlay .won-modal>button{margin-top:20px;padding:20px;border-radius:20px;font-size:20px;font-weight:600;color:#fff;background-color:#4d974d;cursor:pointer}.overlay .won-modal>span{font-size:24px}