@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);.App{width:100vw;height:100vh;background:#fff;color:#212121;font-family:"Open Sans",sans-serif;display:grid;place-items:center}body{margin:0;padding:0}.joinChatContainer{display:flex;flex-direction:column;text-align:center}.joinChatContainer h3{font-size:2.5rem;margin-bottom:1rem}.joinChatContainer input{width:310px;height:40px;margin:7px;border:2px solid #43a047;border-radius:5px;padding:5px;font-size:16px}.joinChatContainer button{width:325px;height:50px;margin:7px;border:none;border-radius:5px;padding:5px;font-size:16px;background:#43a047;color:#fff;cursor:pointer}.joinChatContainer button:hover{background:#2e7d32}.chat-window{width:300px;height:420px}.chat-window p{margin:0}.chat-window .chat-header{height:45px;border-radius:6px;background:#263238;position:relative;cursor:pointer}.chat-window .chat-header p{display:block;padding:0 1em 0 2em;color:#fff;font-weight:700;line-height:45px}.chat-window .chat-body{height:335px;border:1px solid #263238;background:#fff;position:relative}.chat-window .chat-body .message-container{width:100%;height:100%;overflow-y:scroll;overflow-x:hidden}.chat-window .chat-body .message-container::-webkit-scrollbar{display:none}.chat-window .chat-body .message{height:auto;padding:10px;display:flex}.chat-window .chat-body .message .message-content{width:auto;height:auto;min-height:40px;max-width:120px;background-color:#43a047;border-radius:5px;color:#fff;display:flex;align-items:center;margin-right:5px;margin-left:5px;padding-right:5px;padding-left:5px;overflow-wrap:break-word;word-break:break-word}#you,#you .message-content,#you .message-meta{justify-content:flex-start}#you .message-meta{margin-left:5px}#other,#other .message-content{justify-content:flex-end}#other .message-content{background-color:#6495ed}#other .message-meta{justify-content:flex-end;margin-right:5px}.message-meta #author{margin-left:10px;font-weight:700}.chat-window .chat-body .message .message-meta{display:flex;font-size:12px}.chat-window .chat-footer{height:40px;border:1px solid #263238;border-top:none;display:flex}.chat-window .chat-footer input{height:100%;flex:85% 1;border:0;padding:0 .7em;font-size:1em;border-right:1px dotted #607d8b;outline:none;font-family:"Open Sans",sans-serif}.chat-window .chat-footer button{border:0;display:grid;place-items:center;cursor:pointer;flex:15% 1;height:100%;background:transparent;outline:none;font-size:25px;color:#d3d3d3}.chat-window .chat-footer button:hover{color:#43a047}.hide{opacity:0!important}
/*# sourceMappingURL=main.7f2ce9d6.chunk.css.map */