.title{text-align:center}.logo_ism{max-width:160px;height:auto;filter:drop-shadow(5px 5px 100px #fff)}#background{background:#111;padding:20px;border-radius:10px;box-shadow:0 0 50px #5b5b5b;margin:20px}#description{display:grid;align-items:center;justify-content:center;max-height:330px;overflow-y:scroll;border:1px solid #5e5e5e;background:rgba(0,0,0,.3);margin-bottom:20px;border-radius:10px;max-width:515px;padding:5px 30px;color:#eee}#description h3{text-align:center;color:#ff9b30}#description p{margin-block-start:10px;margin-block-end:10px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track-piece{background-color:#aaa;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#444;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#5e5e5e}#textToSpeechApp{display:grid;justify-items:center;background:linear-gradient(45deg,#c2c2c2,#5d5d5d);border-radius:10px}#textInput{resize:none;width:-webkit-fill-available;height:85px;border-radius:10px 10px 0 0;padding:15px;background:#111;color:#fff;font-size:16px}#textInput:focus{outline:none;border:1px solid #aaa}#convertButton{display:flex;justify-content:center;align-items:center;margin:15px 0;width:165px;height:40px;border-radius:10px;border:none;background:#111;color:#fff;font-size:14px}#convertButton svg{width:20px;margin-left:10px;fill:#ff9b30}#convertButton:hover{outline:1px solid #fff;cursor:pointer}audio{height:40px;margin-bottom:15px}.error-alert{background:#111;color:red;padding:8px 12px;border-radius:10px;margin:0 15px 15px;text-align:center}@media screen and (max-width: 450px){audio{transform:scale(.8);width:250px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background:#242424;color:#fff}body{margin:0;display:grid;place-items:center;height:100vh}