*{margin:0}::-webkit-scrollbar{width:1px}body{margin:0;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}input{outline:none}.App{background-color:#dadbd3;display:grid;place-items:center;height:100vh}.app_body{display:flex;background-color:#ededed;height:90vh;width:90vw;box-shadow:-1px 4px 20px -6px rgba(0,0,0,.7)}.Sidebar{display:flex;flex-direction:column;flex:0.35 1;background-color:#fff;border-right:1px solid #d3d3d3}.Sidebar_header{display:flex;justify-content:space-between;padding:20px;max-height:50px;background-color:#dcf8c6}.Sidebar_chats{overflow:scroll}.profileImg{height:45px;width:45px;border-radius:50%}.useInfo{display:flex;align-items:center}.userName{font-weight:700;margin-left:20px}.chatImg{height:45px;width:45px}.SidebarChat{padding:20px;cursor:pointer;border-bottom:1px solid #f6f6f6;display:flex}.SidebarChat:hover{background-color:#cce0cc}a{text-decoration:none!important;color:#000}.SidebarChat_INFO>h2{font-size:16px;margin-bottom:8px}.SidebarChat_INFO{margin-left:15px;margin-right:15px}.Chat{flex:0.65 1;display:flex;flex-direction:column}.Chat_header{height:65px;padding:10px;display:flex;align-items:center;background-color:#dcf8c6}.Chat_name{color:#00f;font-weight:700}.message{font-weight:700;margin-right:10px}.Chat_time{font-size:xx-small;color:grey}.Chat_body{flex:1 1;overflow:scroll;padding:10px 0}.Chat_body,.Chat_footer{background-color:#cce0cc}.Chat_footer{display:flex;justify-content:space-between;align-items:center;height:50px}.Chat_footer>form{flex:1 1;display:flex;padding:10px}.Chat_footer>form>input{font-size:16px;flex:1 1;border:none;padding-left:15px;border-radius:20px;height:40px}.Chat_footer>form>button{display:none}.Chat_message{position:relative;font-size:16px;padding:5px;background-color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:10px;margin:10px}.Chat_reciever{margin-left:auto;background-color:#dcf8c6}.login{display:grid;place-items:center;background-color:#ededed;height:90vh;width:90vw;box-shadow:-1px 4px 20px -6px rgba(0,0,0,.7)}.loginButton{cursor:pointer;position:relative;background:#444;color:#fff;text-decoration:none;text-transform:uppercase;font-size:1.5rem;letter-spacing:.1rem;padding:.75rem 1.5rem;transition:.5s;--color:#00ed64}.loginButton:hover{background:var(--color);color:var(--color);box-shadow:0 0 50px 10px var(--color)}.loginButton:before{content:"";position:absolute;inset:2px;background:#27282c}.loginButton span{position:relative;z-index:1}.loginButton i{position:absolute;inset:0;display:block}.loginButton i:before{content:"";position:absolute;top:-3.5px;left:80%;width:10px;height:5px;border:2px solid var(--color);background:#27282c;transform:translateX(-50%);transition:.5s}.loginButton:hover i:before{left:20%;width:20px}.loginButton i:after{content:"";position:absolute;bottom:-3.5px;left:20%;width:10px;height:5px;border:2px solid var(--color);background:#27282c;transform:translateX(-50%);transition:.5s}.loginButton:hover i:after{left:80%;width:20px}
/*# sourceMappingURL=main.077bf7a5.chunk.css.map */