*{box-sizing:border-box;margin:0;padding:0}.github{text-decoration:none;line-height:35px;text-align:center;display:block;width:170px;height:35px;margin:20px 0;border-radius:50px;color:#000;background-color:#f00000}.main{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100vw;height:100vh;background:#292929}.container,.main{display:-webkit-flex;display:flex}.container{-webkit-flex-wrap:wrap;flex-wrap:wrap;border-radius:10px;max-width:700px;height:80%;box-shadow:5px 5px 15px 1px #000}.members{border-radius:10px 10px 0 0;background:#2f2e2e;padding:10px;width:100%;height:8%;color:#fff;overflow-y:scroll}.members::-webkit-scrollbar{display:none}.list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;list-style-type:none;background:#121212;padding:10px;width:100%;height:84%;overflow-y:scroll}.list::-webkit-scrollbar{width:10px}.list::-webkit-scrollbar-track{background:#f1f1f1}.list::-webkit-scrollbar-thumb{background:#888}.list::-webkit-scrollbar-thumb:hover{background:#555}.message{-webkit-align-self:flex-start;align-self:flex-start;box-sizing:content-box;word-break:break-word;margin:5px 0;max-width:500px}.message .text{display:block;border-radius:0 20px 20px 20px;color:#000;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:5px}.message .text .time{display:block;font-size:10px}.fromMe{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end;margin-right:5px}.fromMe,.fromMe .text{-webkit-align-self:flex-end;align-self:flex-end}.fromMe .text{border-radius:20px 0 20px 20px}.fromMe .text .time{text-align:end}.fromMe .member{text-align:right}.form{padding:5px;width:100%;height:8%;background:#2f2e2e;border-radius:0 0 10px 10px}.form input:first-child{border:0;background:#2f2e2e;color:#fff;padding-left:5px;border-radius:10px 0 0 10px;height:100%;width:90%}.form input:first-child:focus{outline-width:0}.form input:nth-child(2){height:100%;width:10%;border-radius:0 10px 10px 0;color:#fff;border:0;background:#2f2e2e;border-left:1px solid #fff;cursor:pointer}@media (max-width:479px){.form input:first-child{width:80%}.form input:nth-child(2){width:20%}}
/*# sourceMappingURL=main.d0f0ca2d.chunk.css.map */