body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:600px;padding:20px}.container,.word-container{display:flex;flex-direction:column;width:100%}.word-container{gap:10px}.word{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:10px;font-size:18px;font-weight:700;max-width:90%;padding:15px;text-align:center;text-transform:capitalize;transition:transform .3s ease-in-out,box-shadow .3s ease}.word:hover{box-shadow:0 4px 12px #0000001a;transform:scale(1.05)}.correct-word{background-color:#a8d5ba;color:#2a5d46;margin-top:10px}.input-container{display:flex;flex-direction:column;margin-bottom:10px;margin-top:10px;max-width:90%;width:100%}.input-field{background-color:#f0e1e1;border:1px solid #ccc;border-radius:10px;font-size:16px;outline:none;padding:15px;transition:border .3s ease-in-out;width:100%}.input-field:focus{border-color:#007bff}.error-message{animation:fadeIn .5s ease-out;background-color:#ff6b6b1a;border-radius:4px;color:#ff6b6b;font-size:14px;font-weight:600;padding:5px;text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.replay-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:10px;padding:10px 20px;transition:.3s;width:95%}.replay-button:hover{background-color:#0056b3}.markdown-container{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;font-size:16px;line-height:1.6;margin-top:20px;padding:15px}.home-container{align-items:center;background-color:#f9f9f9;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;width:100%}.title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:20px;text-align:center;text-transform:uppercase}.button-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,140px));justify-content:center;justify-items:center;margin-top:20px;max-width:700px;width:100%}.language-btn{align-items:center;background-color:#fff;border:2px solid #007bff;border-radius:12px;color:#007bff;cursor:pointer;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600;height:150px;justify-content:center;padding:10px;text-transform:capitalize;transition:transform .3s ease,box-shadow .3s ease;width:120px}.language-btn:hover{box-shadow:0 6px 15px #007bff33;transform:scale(1.05)}.language-flag{height:auto;margin-bottom:10px;width:50px}.language-name{color:#2c3e50;font-size:1.1rem;font-weight:700;margin-top:8px}.logo{display:block;height:auto;margin:20px auto;transition:transform .3s ease-in-out;width:25%}.logo:hover{cursor:pointer;transform:scale(1.05)}.forfeit-btn{background-color:#fddede;border:none;border-radius:10px;color:#a33;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:12px 20px;transition:all .2s ease}.forfeit-btn:hover{background-color:#fbb;transform:scale(1.05)}.forfeit-label{color:#888;display:block;font-size:14px;margin-top:5px}@media (max-width:600px){.title{font-size:2rem}.language-btn{height:120px;width:100px}.language-name{font-size:1rem}.logo{margin:15px auto;width:150px}.word{font-size:16px;padding:12px}.input-field{font-size:14px;padding:12px}.container{padding:15px}}
/*# sourceMappingURL=main.d473c95b.css.map*/