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