.App{text-align:center;display:flex;flex-direction:column;flex:1}.App-header{background-color:#0078ff;padding:20px;color:#fff}.App-header h1{font-size:3rem}@media (max-width: 800px){.App-header h1{font-size:2rem}}@media (max-width: 400px){.App-header h1{font-size:1.5rem}}.cta-button{background-color:#61dafb;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1.2rem;margin-top:20px}.cta-button:hover{background-color:#46a9d3}.features{align-items:center;display:flex;justify-content:space-around;padding:50px 0}.feature{width:30%}.feature img{width:150px;height:150px;border-radius:50%;margin-bottom:20px}@media (max-width: 600px){.flex-container{flex-direction:column}.feature{width:100%;margin-bottom:30px}}footer{background-color:#0078ff;padding:20px;color:#fff}.social-links{margin-top:20px}.social-links a{margin-right:10px}.small-text{font-size:.8rem;margin-top:10px}.text-mispronunciation-format{background-color:#ff0;color:#000}.text-insertion-format{background-color:#8b0000;text-decoration:line-through}.text-omission-format{background-color:#696969}.vertical-oval-image-container{display:flex;justify-content:center;align-items:center}.vertical-oval-image{aspect-ratio:5/11;width:20%;height:100%;border-radius:50%;transform:scaleX(2);overflow:hidden}.speech-bubble{max-width:75%;padding:10px;margin:10px;border-radius:10px;position:relative;word-wrap:break-word;text-align:justify}.arrow{position:absolute;width:0;height:0;border-style:solid}.user .arrow{top:5px;right:-10px;border-width:10px 0 10px 15px;border-color:transparent transparent transparent transparent}.other .arrow{top:5px;left:-10px;border-width:10px 15px 10px 0;border-color:transparent transparent transparent transparent}.user{background-color:#007bff80;color:#fff;align-self:flex-end}.other{background-color:#e0e0e080;color:#000;align-self:flex-start}.flex-row-w800-column{display:flex;flex-direction:row}@media (max-width: 800px){.flex-row-w800-column{flex-direction:column}}.round-button{font-size:18px;text-align:center;cursor:pointer;border-width:2px}.button-green{border-style:solid;border-color:#a9a9a9;background-color:transparent;border-radius:50%;color:#006400}.pulsate-blue{background-color:#ff4500;color:#fff;cursor:pointer;border-radius:50%;animation:pulsate 1s infinite}.pulsate-orange{background-color:gold;color:#fff;cursor:pointer;animation:pulsate 1.5s infinite}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.loading{width:100%;height:100%;position:fixed;z-index:1040;left:0;top:0;display:flex;justify-content:center;align-items:center;background-color:#0000001a}#root{margin:0 auto;padding:2rem;text-align:center;display:flex;flex-direction:column;flex:1;max-width:-webkit-fill-available}tr:nth-child(2n){background:#f2f2f2}tr:nth-child(odd){background:#fff}th,td{padding-left:1rem;padding-right:1rem}.chat-window{display:flex;flex-direction:column;height:100vh}.message-container{flex:1;overflow-y:auto;padding:10px}.message{margin:5px;padding:8px;border-radius:5px}.textbox-container{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f0f0f0}input{flex:1;padding:8px;margin-right:10px}button{padding:8px;cursor:pointer}:root{display:flex;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{font-weight:500;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;flex:1;flex-direction:column;place-items:center;min-height:100vh;max-width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: dark){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}