.sidebar{flex:0.35;background-color:#2c2c38;height:100%;display:flex;flex-direction:column;justify-content:flex-start;max-width:300px;border-right:1px solid #464646}.sidebar-header{width:100%;height:60px;background-color:#3a3a49;display:flex;align-items:center;justify-content:space-between}.avatar{height:35px;width:35px;background:#fff;border-radius:50%;margin:5px}.sidebar-search{height:40px;display:flex;align-items:center;background:#383838;margin:6px 4px 4px;padding:4px;border-radius:50px}.sidebar-search>.avatar{height:20px;width:20px;margin-right:20px}.sidebar-search>input{background-color:transparent;border:none;color:#fff;appearance:none;flex:0.9}button:focus,input:focus,select:focus,textarea:focus{outline:none}.sidebar-chats{width:100%;flex:1}.sidebar-chats>h3{color:#dadada;margin-top:10px;margin-left:10px;font-weight:600}.sidebar-chats>.chats{margin-top:10px;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.chatbutton{width:100%;background-color:#232435;border-bottom:2px solid #000;height:50px;display:flex}.chatbutton:first-of-type{margin-top:10px}.chatbutton-text>.chat-name{font-size:16px;font-weight:600;color:#dbdbdb}.chatbutton-text{display:flex;flex-direction:column;justify-content:center;align-items:center}.chatbutton-text>.lastmsg{font-size:10px;color:grey}.header-svgs{display:flex}.svg-search{margin:5px}.svg-dots,.svg-msg{width:25px;height:25px;margin-right:10px}.svg-dots:hover,.svg-msg:hover{opacity:.7}.svg-dots:active,.svg-msg:active{opacity:.3}.make-room{justify-content:flex-start;flex-direction:column;padding:5px}.make-room,.make-room>input{display:flex;align-items:center;color:#fff}.make-room>input{flex-direction:row;width:100%;background-color:#3a3a49;height:30px;margin:10px;padding:6px 6px 6px 10px;border-radius:15px}.signin-box{width:94vw;height:90vh;background:#2c2c38;display:grid;place-items:center}.make-room-button{padding:7px;border-radius:10px;color:#fff;background-color:#272727;border:1px solid #8d8d8d}.make-room-button:hover{background-color:#363636}.make-room-button:active{opacity:.4;background-color:#272727}.chat{background-color:#2c2c38;height:100%;min-width:300px;flex-direction:column}.chat,.chat-header{width:100%;display:flex}.chat-header{height:60px;background-color:#3a3a49;justify-content:space-between;align-items:center;margin-bottom:10px}.chat-header>div>p{font-size:20px;font-weight:600;color:#dbdbdb}.chat-header>div,.chat-input{display:flex;align-items:center}.chat-input{flex-direction:row;width:100%;background-color:#3a3a49;height:60px;font-size:25px}.msg-form{width:100%;display:flex}.msg-input{color:#fff;appearance:none;font-size:16px;flex:1}.msg-button,.msg-input{background-color:transparent;border:none}.chat-msgs{flex:1;flex-direction:column-reverse}.chat-msgs,.msg-cont{width:100%;display:flex}.msg-cont{margin-bottom:5px}.message{width:fit-content;max-width:70%;border-radius:10px;margin-left:4px;margin-right:4px;color:#fff;display:block;padding:5px 10px}.message>.text{margin-right:44px}.sent{justify-content:flex-end}.recieved{justify-content:flex-start}.msg-sent{background-color:#165a41;text-align:right;align-items:flex-end;justify-content:flex-end}.msg-recieved,.msg-sent{display:flex;min-width:50px}.msg-recieved{background-color:#413e3e;text-align:left;flex-direction:column;align-items:flex-start;justify-content:flex-start}.msg-recieved,.msg-sent>p{text-align:right}.msg-recieved>p{text-align:left}.message>.name{position:absolute;font-size:13px;color:#979797}.message>.createdAt{position:absolute;font-size:11px;color:#979797}.msg-sent>.name{transform:translateY(-28px) translateX(5px);text-align:right}.msg-recieved>.name{transform:translateY(-25px) translateX(-5px);text-align:right}.msg-sent>.createdAt{transform:translateY(5px) translateX(5px);text-align:right}.msg-recieved>.createdAt{transform:translateY(12px) translateX(5px);text-align:right;align-self:flex-end}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins}.main{height:100vh;width:100vw;background:#272727;display:grid;place-items:center}.box{width:94vw;height:90vh;background:#f0f8ff;display:flex;flex-direction:row}span:hover{opacity:.7}span:active{opacity:.3}.signin-box{width:94vw;height:90vh;background:#2c2c38;display:grid;place-items:center}.signin-button{background-color:#272727}.signin-button,.signin-button:hover{padding:7px;color:#fff;border:1px solid #8d8d8d}.signin-button:hover{background-color:#363636}.signin-button:active{padding:7px;color:#fff;opacity:.4;background-color:#272727;border:1px solid #8d8d8d}a{text-decoration:none}
/*# sourceMappingURL=/src.93d5f920.css.map */