::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:rgba(0,200,83,.4745098039215686);border-radius:5px}*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif;font-weight:300}.App{width:100vw;height:100vh;background-color:#d3d5db}.App,.App .container{display:flex;align-items:center;justify-content:center}.App .container{height:100%;width:700px;background-color:#16202c}.App .container .signin{width:140px;height:140px;color:#fff;grid-row-gap:30px;row-gap:30px;flex-direction:column;font-size:.8em;cursor:pointer;border:3px solid hsla(0,0%,100%,.329)}.App .container .signin,.App .container .signin div{display:flex;align-items:center;justify-content:center}.App .container .signin div{color:#00c853;font-size:3em;background-color:transparent;border:0;width:50px;height:50px}.App .container .Chatroom{position:relative;width:100%;height:100%}.App .container .Chatroom .day{color:#4c505c;font-weight:700;text-align:center}.App .container .Chatroom .msg,.App .container .Chatroom .mymsg{position:relative;padding:10px 10px 20px;display:flex;align-items:flex-start;justify-content:flex-start;min-height:80px;-webkit-column-gap:8px;grid-column-gap:8px;column-gap:8px}.App .container .Chatroom .msg .infos,.App .container .Chatroom .mymsg .infos{position:absolute;color:#4c505c;font-weight:700;font-size:.8em;bottom:0}.App .container .Chatroom .msg img,.App .container .Chatroom .mymsg img{width:40px;height:40px;border-radius:50%;border:2px solid #3e4555}.App .container .Chatroom .msg .msg-value,.App .container .Chatroom .mymsg .msg-value{width:60%;max-width:60%;min-height:50px;padding:10px;display:flex;align-items:center;justify-content:flex-start;border-radius:8px}.App .container .Chatroom .msg .msg-value p,.App .container .Chatroom .mymsg .msg-value p{color:#fff;word-break:break-all}.App .container .Chatroom .msg{flex-direction:row}.App .container .Chatroom .msg .infos{left:60px}.App .container .Chatroom .msg .msg-value{background-color:#586066}.App .container .Chatroom .mymsg{flex-direction:row-reverse}.App .container .Chatroom .mymsg .infos{bottom:0;right:60px}.App .container .Chatroom .mymsg .msg-value{background-color:#00c853}.App .container .Chatroom .main{width:100%;height:80%;overflow:auto}.App .container .Chatroom .header{height:10%;width:100%;min-height:60px;background-color:transparent;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.App .container .Chatroom .header button{background-color:transparent;border:0;width:40px;height:40px;font-size:2em;color:#00c853;cursor:pointer}.App .container .Chatroom .header h6{font-size:1.4em;color:#00c853;font-weight:700;font-family:"Lobster",cursive;letter-spacing:3px}.App .container .Chatroom .msg-form{background-color:#16202c;width:100%;height:10%;min-height:60px;display:flex;align-items:center;justify-content:center}.App .container .Chatroom .msg-form div{width:95%;height:80%;border:1px solid #343e48;border-radius:5px}.App .container .Chatroom .msg-form div input{width:90%;height:100%;background-color:transparent;border:none;outline:none;color:#fff;padding:5px;font-size:1.1em}.App .container .Chatroom .msg-form div button{width:10%;height:100%;background-color:transparent;border:none;outline:none;color:#00c853;font-size:25px;cursor:pointer}.App .container .Chatroom .msg-form div button:disabled{color:grey;cursor:auto;opacity:.8}
/*# sourceMappingURL=main.34b80dd1.chunk.css.map */