body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#282c34}.hr-break-1,.hr-break-2{border-color:#e977a6;margin:1em 10%}.header{margin:2em 10% 0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.header a{color:#fff;margin-left:1em;border-radius:100em;padding:1em 2em;background:#8a2be2;text-decoration:none}.header a:hover{color:#8a2be2;background:#fff}.chat-box{height:25em;margin:1em 10% 0}.chat-box,.chat-box ul{overflow:hidden;overflow-y:scroll}.chat-box ul{padding:2em 0 0;text-decoration:none;list-style:none}.chat-box .otherMessage{color:#4496ec;background:#fff;padding:1em 2em;border-radius:0 2em 2em 2em;margin-right:10%}.chat-box .myMessageList{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.chat-box .otherMessageList{margin:20px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.chat-box .myMessage{color:#fff;margin-left:10%;margin-top:2%;padding:1em 2em;border-radius:2em 2em 0 2em;background:#4496ec}.send-box{display:-webkit-flex;display:flex;margin:2em 10% 1em}.send-box input{-webkit-flex:1 1;flex:1 1;padding:.05em .3em;height:2.5em}.send-box button,.send-box input{border-radius:100em;border:none;font-size:1em}.send-box button{background:#8a2be2;color:#fff;margin-left:1em;padding:1em 2em;text-decoration:none}.send-box button:hover{background:#fff;color:#8a2be2}.footer-box{margin:2em 10% 1em;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.footer-box p{-webkit-flex:1 1;flex:1 1}.footer-box a,.footer-box p{color:#fff;justify-self:center}.footer-box a{padding:1em 2em;border-radius:100em;text-decoration:none;text-align:center;-webkit-align-content:center;align-content:center;-webkit-align-self:center;align-self:center;border:.2em solid #fff}.footer-box a:hover{background:#fff;color:#000}
/*# sourceMappingURL=main.2146539c.chunk.css.map */