#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}#app,body,html{margin:0;padding:0;height:100%}#app{background-color:#1c2331}#app>*{margin-top:0}#input-container{display:flex;align-items:center;margin:20px;margin-top:20px;margin-bottom:20px}h1{padding:30px;color:#fff}input{flex:1;height:50px;font-size:20px;padding-left:10px;background-color:#34495e;color:#fff;border:none;border-radius:5px;margin-right:5px}.search-button{width:50px;height:50px;border-radius:20%;border:none;background-color:#e6e6e6;display:flex;justify-content:center;align-items:center;cursor:pointer}.search-button:hover{background-color:#818181}.search-button i{color:#555;font-size:18px}.speak-button{width:100px;height:50px;border-radius:8%;border:none;background-color:#e6e6e6;cursor:pointer}.result-title{justify-content:flex-start;align-items:flex-start}#result-container{min-width:80%;background-color:#34495e;color:#fff;padding:20px;border-radius:10px;margin:20px}