@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);body{margin:0;padding:0}.App{background:#fff;color:#1566bf;display:grid;font-family:Open Sans,sans-serif;height:100vh;place-items:center;width:100vw}.notice{padding:20px;text-align:center}.joinChatContainer{display:flex;flex-direction:column;text-align:center}.joinChatContainer img{height:250px;width:250px}.joinChatContainer h3{font-size:2rem;margin-bottom:1rem}.joinChatContainer input{height:40px;width:210px}.joinChatContainer input,.joinChatContainer select{border:2px solid #1566bf;border-radius:5px;font-size:1rem;margin:7px;outline-color:#3e9efa;padding:5px}.joinChatContainer select{height:55px;width:225px}.joinChatContainer button{background:#1566bf;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;height:50px;margin:7px;padding:5px;width:225px}.joinChatContainer button:hover{background:#3e9efa}.chat-window{height:580px;padding-top:20px;width:350px}.chat-window p{margin:0}.chat-window .chat-header{background:#1566bf;border-radius:6px;cursor:pointer;height:45px;position:relative}.chat-window .chat-header p{color:#fff;display:block;font-weight:700;line-height:45px;padding:0 1em 0 2em}.chat-window .chat-body{background:#fff;border:1px solid #1566bf;height:485px;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}.chat-window .chat-body .message .message-content{align-items:center;border-radius:5px;color:#fff;display:flex;font-size:1rem;height:auto;margin-left:5px;margin-right:5px;max-width:270px;min-height:40px;overflow-wrap:break-word;padding-left:5px;padding-right:5px;width:auto;word-break:break-word}#you,#you .message-content{justify-content:flex-start}#you .message-content{background-color:#8a15bf}#you .message-meta{justify-content:flex-start;margin-left:5px}#other,#other .message-content{justify-content:flex-end}#other .message-content{background-color:#10a37f}#other .message-meta{justify-content:flex-end;margin-right:5px}.message-meta #author{font-weight:700;margin-left:10px}.chat-window .chat-body .message .message-meta{display:flex;font-size:.875rem}.chat-window .chat-footer{border:1px solid #1566bf;border-top:none;display:flex;height:50px}.chat-window .chat-footer input{border:0;border-right:1px dotted #1566bf;flex:85% 1;font-family:Open Sans,sans-serif;font-size:1rem;height:100%;outline:none;padding:0 .7em}.chat-window .chat-footer button{background:transparent;border:0;color:#1566bf;cursor:pointer;display:grid;flex:15% 1;font-size:2rem;height:100%;outline:none;place-items:center}.chat-window .chat-footer button:hover{color:#3e9efa}.hide{opacity:0!important}
/*# sourceMappingURL=main.285f86ff.css.map*/