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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.sidebar{background-color:#fafafa;border-right:1px solid #d3d3d3;flex-direction:column;height:100%;min-width:300px;width:30%}.sidebar,.sidebar-header{display:flex;position:relative}.sidebar-header{align-items:center;background-color:#ededed;height:50px;justify-content:space-between;padding:5px 0 5px 10px}.sidebar-header-img{cursor:pointer;width:42px}.sidebar-header-img>img{border-radius:100%;cursor:pointer;width:40px}.sidebar-header-btn{align-items:center;color:#51585c;display:flex;justify-content:space-evenly;width:150px}.sidebar-header-btn>.MuiSvgIcon-root{font-size:24px;margin-right:2vw}.sidebar-search{align-items:center;background-color:#f6f6f6;display:flex;height:60px;justify-content:center}.sidebar-search-input{align-items:center;background-color:#fff;border:1px solid #d3d3d3;border-radius:10px;display:flex;height:30px;width:90%}.sidebar-search-input>.MuiSvgIcon-root{color:#acacac;font-size:18px;margin-left:10px}.sidebar-search-input>input{background-color:initial;border:none;margin-bottom:2px;margin-left:6px;outline:none;width:80%}.sidebar-chat-list{display:flex;flex:1 1;flex-direction:column;overflow-y:scroll}.user-profile{align-items:center;border-bottom:1px solid #d3d3d3;cursor:pointer;display:flex;padding:10px}.user-profile:hover{background-color:#d3d3d3}.user-image{cursor:pointer;width:42px}.user-image>img{border-radius:100%;width:100%}.user-info{flex:1 1;margin-left:10px;text-align:left}.user-name{font-size:15px;text-transform:capitalize}.user-lastMessage{color:gray;font-size:10px;margin-left:1px;margin-top:2px}.home{align-items:center;background-color:#d7dbd6;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100vw;z-index:100}.home:before{background-color:#4ec0a5;content:"";height:225px;position:absolute;top:0;width:100vw;z-index:-1}.home-container{max-width:1366px;width:100%}.home-bg,.home-container{display:flex;height:100%;z-index:100}.home-bg{align-items:center;background-color:#fafafa;flex:1 1;justify-content:center}.home-bg>img{border-radius:100%;margin:auto;width:100px}@media only screen and (min-width:1367px){.home-container{height:95%}}.chat-container{display:flex;flex:1 1;flex-direction:column;min-width:348px}.chat-container-header{align-items:center;background-color:#ededed;display:flex;height:50px;justify-content:space-between;padding:5px 0 5px 10px}.chat-user-info{align-items:center;display:flex;flex-direction:row;text-transform:capitalize}.chat-user-img{margin-left:10px;margin-right:15px;width:44px}.chat-user-img>img{border-radius:100%;width:100%}.chat-container-header-btn{margin-right:10px}.chat-display-container{background-color:#ece5dd;display:flex;flex:1 1;flex-direction:column;overflow-y:scroll}.chat-input{align-items:center;background-color:#f0f0f0;display:flex;padding:12px;position:relative}.chat-input-btn{margin-left:13px;margin-right:13px}.chat-input-btn>.MuiSvgIcon-root{color:gray;cursor:pointer;font-size:20px;margin-right:10px}.chat-input>form{flex:1 1}.chat-input>form>input{border:none;border-radius:15px;height:35px;margin-right:10px;outline:none;padding-left:10px;width:90%}.chat-input-send-btn{align-items:center;background-color:#128c7e;border-radius:100%;color:#fff;display:flex;height:35px;justify-content:center;width:35px}.chat-input-send-btn>.MuiSvgIcon-root{font-size:22px}.chat-message{background-color:#bcf8c6;border-radius:10px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:15px 30px;max-width:400px;padding:10px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat-message-text{font-size:13px;margin-bottom:-10px;text-align:left}.chat-message-date{align-self:flex-end;color:gray;font-size:11px;font-weight:400}.EmojiPickerReact{position:absolute!important;top:-455px}.chatpage{align-items:center;background-color:#d7dbd6;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100vw;z-index:100}.chatpage:before{background-color:#43c0a5;content:"";height:222px;position:absolute;top:0;width:100vw;z-index:-1}.chatpage-container{display:flex;height:100%;max-width:1366px;width:100%;z-index:100}@media only screen and (min-width:1367px){.chatpage-container{height:95%}}.login{background-color:#f0f0f0;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;z-index:100}.login:before{background-color:#4ec0a5;content:"";height:222px;position:absolute;top:0;width:100vw}.login-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 17px 50px 0 rgba(0,0,0,.19),0 12px 15px 0 rgba(0,0,0,.24);display:flex;flex-direction:column;height:400px;justify-content:center;margin:auto;width:400px;z-index:100}.login-logo{height:150px;margin-bottom:20px;width:150px}.login-name{font-size:17px;font-weight:500;margin-bottom:20px}.login-btn{align-items:center;background-color:#00755a;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:15px;height:40px;justify-content:center;outline:none;width:200px}.login-btn:hover{background-color:#005541}.login-btn>img{margin-right:10px;width:20px}
/*# sourceMappingURL=main.001e5ba5.css.map*/