body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.New__section{align-items:center;display:flex;justify-content:center}.chat-container{background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh;width:800px}.chat-header{align-items:center;background-color:#1a1a1a;border-bottom:1px solid #333;color:#fff;display:flex;justify-content:space-between;padding:10px}.profile-pic{border-radius:50%;height:40px;margin-right:10px;width:40px}.online-status{color:#32cd32;font-size:14px}.chat-timer{font-size:16px;font-weight:700}.chat-box{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:15px}.message{border-radius:18px;font-size:14px;margin-bottom:10px;max-width:75%;padding:10px 15px;position:relative}.me{align-self:flex-end;background-color:#222;border-top-right-radius:5px;color:#fff}.other{align-self:flex-start;background-color:#fff;border-top-left-radius:5px;color:#000}.message-time{color:gray;font-size:12px;margin-top:3px;text-align:right}.chat-input{align-items:center;background:#fff;border-top:1px solid #ddd;display:flex;padding:10px}.chat-input input{border:none;flex:1 1;font-size:16px;outline:none;padding:10px}.chat-input button{background:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;margin-left:10px;padding:10px 15px}
/*# sourceMappingURL=main.80008f3a.css.map*/