*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{height:100vh}.App *{color:#3b3a3b}.sidebar{min-width:320px;height:100%;box-shadow:1px 0 5px rgba(0,0,0,.2);background:#fff;z-index:5}.sidebar-top-section{height:10%;padding:10px 20px;background:#f3f3f3;flex-direction:column}.sidebar-top-section,.sidebar-top-section .container{width:100%;display:flex;align-items:center;justify-content:space-between}.sidebar-top-section .container .user-section{display:flex}.sidebar-top-section .container .user-section .profile-image-container{overflow:hidden;height:50px;width:50px;border-radius:50%;align-self:center}.sidebar-top-section .container .user-section .profile-image-container .profile-image{width:100%;height:100%}.sidebar-top-section .container .user-section .welcome-and-signout{margin-left:10px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.sidebar-top-section .container .user-section .welcome-and-signout div{color:#0997e3;font-weight:500}.sidebar-top-section .container .user-section .welcome-and-signout .signout-section{color:red;font-size:12px;font-weight:400;cursor:pointer}.sidebar-top-section .container .new-chat{height:40px;width:40px}.sidebar-top-section .container .new-chat .new-chat-svg{width:100%;height:100%}.sidebar-top-section .uid{font-size:12px;text-align:center}.chatroom{width:100%;height:50px;padding:5px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.chatroom .chatroom-name{width:90%;height:100%;text-align:center;transition:transform .3s ease}.chatroom .chatroom-name:hover{transform:scale(1.1)}.chatroom .chatroom-name:active{transform:scale(1)}.chatroom .line{width:90%;height:1px;background:#616061}.sidebar-bottom-section{width:100%;height:90%}.sidebar-bottom-section .chatrooms-container{width:100%;height:100%;padding:5px 0}.chats-page{height:100%;width:100%;display:flex;background:#f2f2f2}.chats-page .main{width:100%;display:flex;justify-content:center;align-items:center}.chats-page .main .chatspage-image{width:50%;height:auto}#message-chatpage:first-child{animation:translate-horizontally-from-right 3s ease infinite alternate}#message-chatpage:nth-child(2),#message-chatpage:nth-child(3){animation:translate-horizontally-from-left 3s ease infinite alternate}@keyframes translate-horizontally-from-right{0%{transform:translateX(80%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes translate-horizontally-from-left{0%{transform:translateX(-50%);opacity:0}to{transform:translateX(0);opacity:1}}.chatbox-header{width:100%;height:10%;padding:18px 20px;background:#f3f3f3;display:flex;justify-content:space-between;align-items:center}.chatbox-header .chatbox-title{font-size:25px;font-weight:500}.chatbox-header svg{width:35px;height:35px;cursor:pointer}.chatroom-settings{min-width:320px;height:100%;box-shadow:-1px 0 5px rgba(0,0,0,.2);background:#fff;z-index:5;overflow-y:scroll}.chatroom-settings .settings-heading{width:100%;height:10%;padding:18px 20px;background:#f3f3f3;display:flex;align-items:center;justify-content:space-between}.chatroom-settings .settings-heading .cross,.chatroom-settings .settings-heading .delete-icon{height:40px;width:40px;cursor:pointer}.chatroom-settings .settings-heading .settings-heading-title{font-size:22px;justify-self:center}.chatroom-settings .settings-heading svg{height:100%;width:100%}.chatroom-settings .controlls{width:100%;display:flex;justify-content:space-between;margin-bottom:8px}.chatroom-settings .controlls .title{color:#0997e3}.chatroom-settings .controlls .edit{width:1.5em;height:1.5em;cursor:pointer}.chatroom-settings .controlls .edit svg{height:100%;width:100%}.chatroom-settings .chatroom-description,.chatroom-settings .chatroom-users{width:100%;padding:18px 20px}.chatroom-user{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.chatroom-user .profile-image-container{overflow:hidden;height:50px;width:50px;border-radius:50%;align-self:center}.chatroom-user .profile-image-container .profile-image{width:100%;height:100%}.chatroom-user .admin-tag{color:#12bdcc}.chatroom-user .delete-icon{cursor:pointer}.line{width:100%;height:1px;background:#616061}.box .profile-image-container{overflow:hidden;height:50px;width:50px;border-radius:50%;align-self:flex-start}.box .profile-image-container .profile-image{width:100%;height:100%}.message-content{padding:10px 15px;border-radius:25px;color:#fff;max-width:40vw;overflow-wrap:break-word;margin:0 15px}.right-box{align-self:flex-end;margin:10px 0;display:flex}.right-box .message-content{background:#12bdcc}.right-box .meeting-container{background:#0997e3}.left-box{align-self:flex-start;margin:10px 0;display:flex}.left-box .message-content{background:#0997e3}.left-box .meeting-container{background:#12bdcc}.meeting-box{width:220px;height:260px;padding:0;overflow:hidden;box-shadow:0 5px 8px rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:space-between}.meeting-box *{color:#fff;text-align:center}.meeting-box .meeting-heading{font-size:25px;text-align:center;padding:10px 0}.meeting-box .meeting-container{border-radius:25px;width:100%;height:80%;display:flex;justify-content:space-between;flex-direction:column;padding:8px;align-items:center}.meeting-box .meeting-container .date-container .date-title{font-weight:700}.meeting-box .meeting-container .date-container .value{background:rgba(0,0,0,.2);padding:5px 18px;border-radius:15px}.meeting-box .meeting-container .meeting-icon{height:40px;width:40px}.meeting-box .meeting-container .meeting-icon svg{height:100%;width:100%}.message-box{width:100%;height:80%;background:#fff;display:flex;flex-direction:column;padding:18px 20px;overflow:scroll}.message-input{width:100%;height:10%}.message-input form{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center}.message-input form .input{height:60%;width:50%;border:none;border-radius:50px;padding:5px 20px;font-size:20px}.message-input form .input:focus{outline:none}.message-input form .set-meeting,.message-input form button{outline:none;border:none;background:transparent;cursor:pointer;height:60%}.message-input form .set-meeting svg,.message-input form button svg{height:100%}.meeting-maker{position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:300px;height:330px;background:#fff;border-radius:20px;box-shadow:0 -2px 10px rgba(0,0,0,.2)}.meeting-maker,.meeting-maker div{display:flex;flex-direction:column;align-items:center}.meeting-maker div{margin-top:17px}.meeting-maker div .date,.meeting-maker div .time{font-size:20px}.meeting-maker div input{height:60%;width:90%;border:none;border-radius:50px;padding:5px 20px;text-align:center;box-shadow:0 -2px 10px rgba(0,0,0,.2);margin-top:7px}.meeting-maker div input:focus{outline:none}.meeting-maker div.set-meeting-button{display:block;background:rgba(0,0,0,.2);padding:5px;cursor:pointer;border-radius:7px}.chatbox{height:100%;display:flex}.chatbox,.chatbox .main-container,.homepage{width:100%}.homepage{height:100%;padding:0 5%}.homepage .header{width:100%;height:10%;display:flex;justify-content:space-between;align-items:center}.homepage .header .header-title{font-size:40px;font-family:pacifico,sans-serif;color:#3b3a3b;cursor:pointer}.homepage .header .burger-menu{display:flex;flex-direction:column;justify-content:center;width:60px;cursor:pointer}.homepage .header .burger-menu .line1,.homepage .header .burger-menu .line2,.homepage .header .burger-menu .line3{height:4px;background:#3b3a3b;margin:4px 0}.homepage .header .burger-menu .line1{width:100%}.homepage .header .burger-menu .line2{width:64%}.homepage .header .burger-menu .line3{width:40%}.homepage .homepage-content{width:100%;height:90%;display:flex;justify-content:space-between}.homepage .homepage-content .left-content,.homepage .homepage-content .right-content{height:100%}.homepage .homepage-content .left-content{display:flex;flex-direction:column;width:55%}.homepage .homepage-content .left-content .heading{color:#0997e3;margin-top:100px;font-size:50px;font-weight:700;letter-spacing:2px}.homepage .homepage-content .left-content .subheading{color:#12bdcc;margin-top:45px;font-size:35px}.homepage .homepage-content .left-content .whatwedo{color:#616061;width:90%;font-size:25px;margin-top:50px}.homepage .homepage-content .left-content .google-signin-section{margin-top:150px;cursor:pointer}.homepage .homepage-content .left-content .google-signin-section .google-signin{font-size:36px;display:flex;align-items:center;color:#3b3a3b}.homepage .homepage-content .left-content .google-signin-section .google-signin .google-icon{width:40px;height:40px;margin-left:10px}.homepage .homepage-content .right-content{width:45%}.homepage .homepage-content .right-content .hero-image-container{width:100%;height:100%}.homepage .homepage-content .right-content .hero-image-container .hero-image{width:100%;height:auto;margin-top:100px}#message{animation:animate-messages 1.5s ease-in-out infinite alternate}@keyframes animate-messages{0%{transform:translateY(0)}to{transform:translateY(-20px)}}
/*# sourceMappingURL=main.e2b62dc4.chunk.css.map */