#chess-notation-translator{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f4f9;padding:20px}#chess-notation-translator>div{max-width:1020px;width:100%;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .1);font-family:Arial,sans-serif;color:#333}#chess-notation-translator h1{text-align:center;font-size:2rem;margin-bottom:20px}#chess-notation-translator h3{font-size:1.25rem;margin-top:20px}#chess-notation-translator label{display:block;font-weight:700;margin-top:10px}.chess-textarea{width:100%;max-width:100%;min-height:100px;resize:vertical;box-sizing:border-box;padding:10px;margin-top:5px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-family:'Arial',sans-serif;font-size:14px}#notation-input,#notation-output{width:100%;max-width:100%;min-height:100px;resize:vertical;box-sizing:border-box;padding:10px;margin-top:5px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-family:'Arial',sans-serif;font-size:14px}#chess-notation-translator input[type="text"]{width:100%;box-sizing:border-box;padding:10px;margin-top:5px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:1rem}#chess-notation-translator button{display:inline-block;padding:10px 15px;margin:10px 0;font-size:1rem;color:#fff;background-color:#0073e6;border:none;border-radius:4px;cursor:pointer;text-align:center}#chess-notation-translator button:hover{background-color:#005bb5}@media (max-width:768px){#chess-notation-translator{padding:10px}#chess-notation-translator h1{font-size:1.5rem}.chess-textarea,#notation-input,#notation-output,#chess-notation-translator input[type="text"]{font-size:.9rem}#chess-notation-translator button{font-size:.9rem}}