.navbar-container{background-color:#272626;display:flex;justify-content:space-around;padding:10px}.navbar-container a{color:#fff;font-size:16px;font-weight:700;text-decoration:none}.navbar-container a:hover{color:#add8e6}.card{align-content:center;align-items:center;background-color:#8860b8;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;height:100px;margin-bottom:20px;margin-left:10px;text-align:center;transition:transform .3s ease-in-out;width:320px}.card,.modes-container{display:flex;justify-content:center}.modes-container{direction:row;flex-wrap:wrap;margin-top:20px}.card:hover{background-color:#bb86fc;box-shadow:0 8px 16px #0003;transform:scale(1.05)}.card h2,a,a:hover{text-decoration:none}.card h2{color:#fff}.main-content{align-items:center;background-color:#333;justify-content:center}.input{border-radius:10px;padding:10px}.input,.input-container{margin-top:20px;width:100%}.input-container{text-align:center}.input-container label{display:inline-block;margin-right:10px}.input-container input{display:inline-block;width:50%}.input-container button{display:inline-block;font-size:20px;margin-left:10px}button{display:block;font-size:20px;margin-left:auto;margin-right:auto;margin-top:10px}.results{display:flex;flex-direction:row;justify-content:space-around;margin-top:20px;width:70%}.chinese-column{justify-content:center;min-width:65%}.chinese-column,.japanese-column{display:flex;flex:1 1;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.japanese-column{margin-right:10px;min-width:35%}.sub-chinese-column{display:flex;flex:1 1;position:relative;width:100%}.hanzi-container,.information,.kanji-container{align-items:center;background-color:#444;border:1px solid #555;border-radius:5px;box-shadow:0 2px 4px #0000004d;display:flex;flex-direction:column;height:200px;justify-content:center;padding:15px;text-align:center;transition:transform .3s ease-in-out}.information{animation:fadeIn .5s ease-in-out forwards;background-color:#1a1a1a;display:none;flex:1 1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:2px;opacity:0;transition:opacity .5s ease-in-out}.information.active{display:block;opacity:1}.information h3{font-size:30px;font-weight:lighter}.hanzi-types-container{display:flex;justify-content:space-evenly}.kanji-types-container,.simplified-container,.traditional-container{background-color:#1a1a1a;border-radius:10px;display:flex;flex-direction:column;height:90px;justify-content:center;margin-inline:10px;padding:20px}.kanji-types-container{width:100px}.kanji-types-container:hover,.simplified-container:hover,.traditional-container:hover{transform:scale(1.05)}.hanzi-container h2,.kanji-container h2{font-size:20px}.hanzi-container h3,.kanji-container h3{font-size:15px}.hanzi-container,.kanji-container p{font-size:35px}.hanzi-container:hover,.kanji-container:hover{transform:scale(1.05);transition:transform .3s ease-in-out}.information p{font-size:15px}.character-info{border:1px solid #ccc;margin:10px;padding:10px}table{border-collapse:collapse;margin-top:10px;width:100%}td{border:1px solid #ddd;padding:8px;text-align:left}.readings{margin-top:10px}.readings-info{border:1px solid #ccc;padding:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body{background-color:#121212;color:#fff;font-family:Arial,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#bb86fc}.page{align-content:center;align-items:center;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:20px;width:90%}.footer{margin-top:20px}.footer,.header{text-align:center}.header{margin-bottom:20px}.main-content{align-content:stretch;background-color:#302f314f;border-radius:8px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;margin-top:0;padding:40px;width:70%}.error-message{background-color:#444;margin-bottom:10px;margin-top:10px;padding:10px;text-align:center;width:250px}button{background-color:#8860b8;border-radius:5px;padding:10px 20px;transition:background-color .3s ease-in-out}button:hover{background-color:#bb86fc}input{background-color:#444;border:none;padding:10px;width:60%}h1{color:#bb86fc;font-size:40px}label{color:#ddd;display:block;margin-bottom:10px}p{margin-block-end:0;margin-block-start:0}a:hover{color:#8860b8}.ipa-output-container{padding:10px;text-align:center;width:90%}.zhuyin-output-container{width:90%}#ipa-output,#user-input,#zhuyin-output{color:#fff;font-size:1.2rem;text-align:center}.big-container{justify-content:center;width:90%}.big-container,.modes{display:flex;flex-direction:column}.modes{align-items:center;background-color:#212022;border-radius:8px;margin-bottom:40px;margin-top:20px;padding:20px}.modes p{font-size:1rem}.input-container-conversion{background-color:#1a1a1a;display:flex}.input-container-conversion,.output-container-conversion{align-content:center;align-items:center;border-radius:10px;justify-content:center;padding:20px;width:90%}input{border:1px solid #333;border-radius:4px;color:#fff;font-size:1rem;margin-bottom:0;padding:8px}.mode-info{align-items:flex-start;display:flex;flex-direction:column}.mode-info p{padding:10px}button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin:0;padding:8px 16px}.user-input{background-color:#404040;border-radius:4px;margin-bottom:8px;padding:8px;width:100%}.user-input p{margin:0}#output,#user-input{color:#fff;font-size:1.2rem;text-align:center}.user-output{background-color:#1a1a1a;border-radius:4px;padding:8px;width:100%}
/*# sourceMappingURL=main.ef099cfa.css.map*/