body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0d0d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#0d0d0d;display:flex;flex-direction:column;height:100vh;justify-content:space-between;margin:0 auto;width:50%}.chat_empty{color:#fff;text-align:center}.chat{border-radius:25px;flex-grow:1;max-height:calc(100% - 120px);overflow:hidden;padding:10px}.chat .chatList{align-items:flex-end;color:#fff;display:flex;flex-direction:column;height:100%;margin-right:-10px;overflow:scroll;padding-right:15px}.chat .chatList .chatList_content{background:#252525;border-radius:8px;height:auto;margin-top:.5rem;padding:.3rem}.chat .chatList .chatList_content .chatList_message{font-size:12px;margin:.5rem}.chat .chatList .chatList_content .chatList_date{color:#a0a0a0;font-size:7px;text-align:right}.header{border-bottom:2px solid #6ad3d3;height:4rem}.header .title{color:#6ad3d3;font-size:24px;padding-left:10px}.massageFormWrapper{margin-bottom:.5rem}.massageForm{background:#252525;border-radius:10px;color:#fff;display:flex;justify-content:space-between;width:100%}.massageForm .btn,.massageForm .message{background:#252525;border:none;color:#fff;outline:none}.massageForm .message{height:40px;margin-left:.5rem;width:100%}.massageForm .btn{margin-right:.5rem}.massageForm .btn .btnIcon:hover{color:#6ad3d3}
/*# sourceMappingURL=main.d4c58490.css.map*/