.App{align-items:center;display:flex;justify-content:center}.Chat{border-radius:2px;margin-top:50px;width:75%}.Chat .chat-header{background-color:#47545c;border-radius:2px;color:#fff;display:flex;justify-content:space-between;margin-bottom:5px;padding:5px}.Chat .chat-header .typing{cursor:pointer;font-weight:bolder;padding:4px}.Chat .chat-header span{align-self:center;cursor:pointer}.Chat .dark{background-color:#47545c;color:#fff}.Chat .chat-body{border:1px solid #3a918c;border-radius:2px;height:60vh;padding:1em 0;position:relative}.Chat .chat-body .scroll{height:100%;overflow-x:hidden;overflow-y:hidden;width:100%}.Chat .chat-body .scroll::-webkit-scrollbar{display:none}.Chat .chat-body .message{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.Chat .chat-body .message .message-content{border-radius:5px;color:#fff;margin:5px;padding:1em}.Chat .chat-body .message .message-content p img{max-width:500px}.Chat .chat-body .message .author{margin-left:5PX}.Chat .chat-body .message .time{margin-right:5PX;opacity:.6}.Chat .chat-body #yours{align-items:flex-end}.Chat .chat-body #yours .message-content{background-color:#4b85bb}.Chat .chat-body #others{align-items:flex-start}.Chat .chat-body #others .message-content{background-color:#549597}.Chat .chat-footer{display:flex;flex-direction:column}.Chat .chat-footer .footer-group{align-items:center;display:flex;justify-content:space-between;margin-top:1em}.Chat .chat-footer .footer-group span{opacity:.6}.Chat .chat-footer .footer-group span:hover{cursor:pointer;opacity:.9}.Chat .chat-footer .input{width:75%}.Chat .chat-footer .dialog_btn{margin:0 5px}.Chat .chat-footer .button{justify-self:flex-end;width:15%}*{box-sizing:border-box}.login{align-items:center;background-color:#cddde2;border:1px solid #add8e6;border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin:10em auto;padding:5em}.login div{width:35vw}.login button{margin-top:2em}
/*# sourceMappingURL=main.dc48357d.css.map*/