*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{display:grid;place-items:center;height:100vh;background-color:#dadbd3}.body2{height:184px;margin-top:-22px;min-width:100vw;background-color:#009688}.body{display:flex;background-color:#ededed;margin-top:-176px;height:95vh;width:95vw;box-shadow:-1px 4px 20px -6px rgba(0,0,0,.75)}.sidebar{display:flex;flex-direction:column;flex:0.30 1}.sidebar_header{display:flex;justify-content:space-between;padding:7px;align-items:center;border-right:1px solid #d3d3d3}.sidebar_header>.MuiAvatar-root{margin-left:7px}.sidebar_headerRight{display:flex;align-items:center;justify-content:space-between;min-width:10vw}.sidebar_headerRight>.MuiSvgIcon-root{margin-right:2vw;font-size:24px!important}.sidebar_search{display:flex;align-items:center;background-color:#f6f6f6;height:40px;padding:11px}.sidebar_searchContainer{display:flex;background-color:#fff;align-items:center;width:100%;height:36px;border-radius:20px}.sidebar_searchContainer>.MuiSvgIcon-root{color:grey;padding:10px}.sidebar_searchContainer>input{border:none;outline-width:0;margin-left:10px}.sidebar_chats{flex:1 1;background-color:#fff;overflow-y:scroll}.sidebarchat{display:flex;align-items:center;padding:12px;cursor:pointer;border-bottom:1px solid #f6f6f6}a{text-decoration:none!important;color:#000}.sidebarchat>.MuiAvatar-root{margin-left:3px}.sidebarchat:hover{background-color:#ebebeb}.sidebarchat_info>h2{font-size:16px;margin-bottom:6px}.sidebarchat_info>p{font-size:14px}.sidebarchat_info{margin-left:18px}.chat{display:flex;flex-direction:column;flex:0.70 1}.chat_header{display:flex;align-items:center;padding:7px;border-bottom:1px solid #d3d3d3}.chat_header>.MuiAvatar-root{margin-left:7px}.chat_headerinfo{flex:1 1;padding-left:20px}.chat_headerinfo>h3{font-size:16px;margin-bottom:1px;font-weight:500}.chat_headerinfo>p{font-size:13px;color:grey}.chat_body{flex:1 1;background-image:url(https://web.whatsapp.com/img/bg-chat-tile-light_686b98c9fdffef3f63127759e2057750.png);background-repeat:repeat;background-blend-mode:soft-light;background-color:rgba(228,227,225,.83);background-position:50%;padding:20px;overflow-y:scroll}.chat_message{position:relative;font-size:16px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:10px;border:.5px solid #d3d3d3;background-color:#fff;margin-bottom:30px}.chat_reciever{margin-left:auto;background-color:#dcf8c6}.chat_timestamp{margin-left:10px;font-size:xx-small}.chat_name{position:absolute;top:-15px;font-weight:800;font-size:xx-small}.chat_footer{display:flex;justify-content:space-between;align-items:center;height:62px;border-top:1px solid #d3d3d3}.chat_footer>form{flex:1 1;display:flex}.chat_footer>form>input{flex:1 1;border-radius:30px;padding:10px;border:none;outline-width:0}.chat_footer>form>button{display:none}.chat_footer>.MuiSvgIcon-root{color:grey;padding:10px}.chathome{flex-direction:column;align-items:center;justify-content:center;flex:0.70 1;background-color:#f8f9fa;border-bottom:6px solid #4adf83}.chathome,.chathome_lowertext{display:flex}.chathome>img{margin-bottom:40px}.chathome>h1{font-weight:lighter;color:#525252;font-size:40px;margin-bottom:20px}.chathome>p{width:44%;text-align:center;line-height:25px;padding-bottom:30px;border-bottom:1px solid rgba(0,0,0,.15)}.chathome>p,.chathome_lowertext>p{color:rgba(0,0,0,.45);font-size:14px;margin-bottom:30px}.chathome_lowertext>p>span{color:#07bc4c;font-weight:500}.chathome_lowertext>.MuiSvgIcon-root{color:rgba(0,0,0,.45);margin-right:10px;font-size:larger}.login{background-color:#f8f8f8;height:90vh;width:100vw;margin-top:-100px;display:grid;place-items:center}.login_container{padding:100px;text-align:center;background-color:#fff;border-radius:10px;box-shadow:-1px 4px 20px -6px rgba(0,0,0,.32)}.login_text>h1{color:#a9a9a9}.login_container>img{object-fit:contain;height:200px;margin-bottom:40px}.login_container>button{margin-top:50px;text-transform:inherit!important;background-color:#00e676!important;color:#fff;box-shadow:-1px 4px 20px -6px rgba(0,0,0,.42)}
/*# sourceMappingURL=main.862adba8.chunk.css.map */