body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}h1{font-size:50px}.chat{display:flex;flex-direction:column;align-items:flex-start;width:90%;overflow-y:scroll;padding:10px}.formCtn{display:flex;width:100%;justify-content:center;align-items:center}.user-message{background-color:#f2f2f2;color:#000;align-self:flex-end}.bot-message,.user-message{font-size:20px;margin:5px 0;padding:10px;border-radius:10px;max-width:80%;word-wrap:break-word}.bot-message{background-color:#4caf50;color:#fff;align-self:flex-start}.input-container{display:flex;justify-content:center;align-items:center;width:100%;height:20%}input[type=text]{border-radius:5px;border:1px solid green}button,input[type=text]{padding:10px;outline:none;font-size:20px}button{width:20%;border-radius:5px;border:none;background-color:#4caf50;color:#fff;cursor:pointer}button:hover{opacity:.8}button:disabled{opacity:.5}