li,ul{display:inline-block;list-style:none;margin:10px;padding:10px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}button,input{font-size:1.2em;padding:10px}button{background:green;border:none;color:#fff;font-weight:700}.container{position:relative}.register{left:32%;padding:30px;position:fixed;top:35%}.chat-box,.register{box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px #0000000f,0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px #0000001f;display:flex;flex-direction:row}.chat-box{height:600px;margin:40px 50px;padding:10px}.member-list{width:20%}.chat-content{margin-left:10px;width:80%}.chat-messages{border:1px solid #000;height:80%}.send-message{display:flex;flex-direction:row;width:100%}.input-message{border-radius:50px;width:90%}ul{list-style-type:none;padding:0}.send-button{border-radius:50px;cursor:pointer;margin-left:5px;width:10%}.member{background:#eee;border:#000;box-shadow:0 8px 8px -4px #add8e6;cursor:pointer;margin:5px 2px;padding:10px}.member.active{background:#8a2be2;color:#fff}.member:hover{background:grey;color:#fff}.avatar{background-color:#6495ed;border-radius:5px;color:#fff;padding:3px 5px}.avatar.self{background-color:#adff2f;color:#000}.message{box-shadow:0 3px 10px #0003;display:flex;flex-direction:row;margin:5px 10px;width:auto}.message,.message-data{padding:5px}.message.self{justify-content:end}
/*# sourceMappingURL=main.cf47cf35.css.map*/