*,body{margin:0}body{font-family:Arial,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;background-color:#dadbd3;height:100vh}.app_body{display:flex;background-color:#ededed;margin-top:-20px;margin-bottom:-20px;height:95vh;width:95vw;box-shadow:-1px 4px 20px -6px rgba(0,0,0,.7)}.sidebar{display:flex;flex-direction:column;flex:0.35 1}.sidebar_search{display:flex;align-items:center;background-color:#f6f6f6;height:39px;padding:10px}.sidebar_searchContainer{display:flex;align-items:center;background-color:#fff;width:100%;height:35px;border-radius:30px}.sidebar_searchContainer>input{border:none;outline-width:0;margin-left:10px;flex:1 1}.sidebar_searchContainer>.MuisvgIcon-root{color:grey;padding:10px}.sidebar_header{display:flex;justify-content:space-between;padding:10px;border-right:1px solid #d3d3d3}.sidebar_chats{background-color:#fff;flex:1 1;overflow-y:scroll;overflow-x:hidden}.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}.sidebarChat{display:flex;padding:20px;cursor:pointer;border-bottom:1px solid #f6f6f6}.sidebarChat:hover{background-color:#ebebeb}.sidebarChat_info>h2{font-size:16px;margin-bottom:8px}.sidebarChat_info{margin-left:15px}a{text-decoration:none!important;color:#000}.chat{flex:0.65 1;display:flex;flex-direction:column}.chat_header{padding:15px;display:flex;align-items:center;border-bottom:1px solid #d3d3d3}.chat_headerInfo{flex:1 1;padding-left:20px}.chat_headerInfo>h3{margin-bottom:3px;font-weight:500}.chat_message{position:relative;font-size:16px;padding:10px;background-color:#fff;border-radius:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:30px}.chat_sender{margin-left:auto;background-color:#84e184}.chat_name{position:absolute;top:-19px;font-weight:800;font-size:smaller}.chat_timestamp{padding-left:8px;margin-bottom:10px;font-size:11px}.chat_headerInfo>p{color:grey}.chat_headerRight{display:flex;justify-content:space-between;min-width:100px}.chat_body{flex:1 1;background-image:url(https://i.pinimg.com/originals/4d/ee/65/4dee65d05bdbe09c669afcecc9fd8b20.jpg);background-repeat:repeat;background-position:50%;padding:30px;overflow-y:scroll;overflow-x:hidden}.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;outline-width:0;border-radius:30px;padding:10px;border:none}.chat_footer>.MuiSvgIcon-root{padding:10px;color:grey}.chat_footer>form>button{display:none}.login{background-color:#f8f8f8;display:grid;height:100vh;place-items:center;width:100vw}.login_container{background-color:#fff;border-radius:10px;box-shadow:-1px 4px 20px -6px rgba(0,0,0,.7);padding:100px;text-align:center}.login_container>img{height:100px;margin-bottom:40px;object-fit:contain}.login_container>button{margin-top:50px;text-transform:inherit!important;background-color:#0a8d48!important;color:#fff}