#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;margin-top:60px;width:100%}main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:right;-ms-flex-align:right;align-items:right;width:800px;margin:auto}.user-message{background-color:#4caf50;color:#fff;padding:10px;border-radius:5px;margin-bottom:10px;display:inline-block}.message-flex-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:20px}.user-messageyser{width:700px;-ms-flex-item-align:start;align-self:flex-start;background-color:#fff;color:#17121d;padding:10px;border-radius:5px;margin-bottom:10px}form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}form input{display:inline-block;width:620px;padding:10px;border:1px solid #ccc;border-radius:5px;margin-right:10px}form button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;border-radius:5px;margin-right:20px}form button:hover{background-color:#45a049}