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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-signin{width:100%;max-width:330px;padding:15px;justify-content:center;background-color:#03083f;border-radius:16px;box-shadow:2px 2px 2px 2px #0f0f0f;margin:10% auto auto}.Login,.text-center{background-color:#02d5e4}.credential{border:2px solid #fff;padding:2px;font-size:10px;color:tomato}.credicon{font-size:1.3rem!important;padding-top:1px!important}@media (max-width:768px){.form-signin{padding:15px;margin-top:10%}.text-center{padding:10px}}.errMsg{background:#d60a0a}.errMsg,.successMsg{color:hsla(0,0%,100%,.6);text-align:center;padding:10px 0;letter-spacing:1.3px}.successMsg{background:#099e36}.messenger{height:calc(100vh - 70px);display:flex}.chatMenu{flex:3.5 1}.chatMenuInput{width:90%;padding:10px 0;border:none;border-bottom:1px solid grey}.chatMenuWrapper{overflow-y:scroll}.chatBox{flex:5.5 1}.chatBoxWrapper{display:flex;flex-direction:column;justify-content:space-between;position:relative;background-color:#02d5e4}.chatBoxTop{height:100%;overflow-y:scroll;padding-right:10px;margin-top:7%;-ms-overflow-style:none;scrollbar-width:none}.closeChat{position:fixed!important;margin-bottom:1%!important;cursor:pointer;margin-left:38%}.closeChat:hover{color:#fff}.chatBoxBottom{margin-top:5px;display:flex;align-items:center;justify-content:space-between;border:1px solid green;background-color:#fff}.chatMessageInput{height:50px;padding:10px;overflow-y:scroll;margin:0;border:0;outline:0;width:calc(100% - 40px);font-size:20px;resize:none}.emoji-icon{cursor:pointer;padding:4px;font-size:xx-large!important}.chatboxinfoZ{display:flex;box-shadow:0 2px 0 0 #0f0f0f;border-radius:10px}.chatImg{padding:2px;width:32px;height:32px;border-radius:50%;object-fit:cover;cursor:pointer}.chatImg:hover{position:relative;animation-name:DpImg;animation-delay:2s;transition:transform 2s;animation-duration:2s;animation-timing-function:ease-in}@keyframes DpImg{0%{top:0}to{top:100px;transform:scale(4.5)}}.chatTxt{font-size:20px;font-weight:600;padding:1px 2px 2px;color:#fff}.chatSubmitButton{font-size:xx-large!important;transform:rotate(-45deg);border:none;cursor:pointer;color:#0951ec;padding:4px}.chatOnline{flex:3 1}.chatBoxWrapper,.chatMenuWrapper,.chatOnlineWrapper{padding:10px;height:100%}.noConversationText{position:absolute;top:10%;font-size:50px;color:#e0dcdc;cursor:default}@media screen and (max-width:768px){.chatMenu,.chatMenuInput{display:none}.chatBox{flex:10 1}.chatOnline{display:none}.chatBoxTop{padding-right:10px}.chatBoxWrapper,.chatMenuWrapper,.chatOnlineWrapper{padding:10px;height:100%}.closeChat{margin-left:80%!important}.chatBoxTop::-webkit-scrollbar,.chatMessageInput::-webkit-scrollbar{display:none}@keyframes DpImg{0%{top:0}to{top:50px;transform:scale(2.5)}}}@media screen and (max-width:1024px){.closeChat{margin-left:25%}}.topbarContainer{height:50px;width:100%;background-color:#03083f;border-radius:0 0 0 16px;box-shadow:2px 2px 2px 2px #0f0f0f;display:flex;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:999}.topbarLeft{flex:3 1}.logo{font-size:24px;margin-left:20px;font-weight:700;color:#fff;cursor:pointer}.topbarCenter{flex:5 1}.searchbar{width:100%;height:30px;background-color:#fff;border-radius:30px;display:flex;align-items:center}.searchIcon{font-size:20px!important;margin-left:10px}.searchInput{border:none;width:70%}.searchInput:focus{outline:none}.topbarRight{flex:4 1;display:flex;align-items:center;justify-content:space-around;color:#fff}.topbarLink{margin-right:10px;font-size:14px;cursor:pointer;display:none}.topbarIcons{display:flex}.topbarIconItem{margin-right:15px;cursor:pointer;position:relative}.topbarIconBadge{width:15px;height:15px;background-color:red;border-radius:50%;color:#fff;position:absolute;top:-5px;right:-5px;display:flex;align-items:center;justify-content:center;font-size:12px}.topbarImg{width:32px;height:32px;border-radius:50%;object-fit:cover;cursor:pointer}.sidenavChat{height:100%;position:fixed;z-index:1;top:0;left:0;background-color:#0a0a0a;overflow-x:visible;transition:.5s;padding-top:60px;color:#0ff;width:250px;overflow-y:scroll;overflow-wrap:break-word!important;word-wrap:break-word!important}.noone{display:none}.dropdwnOnline{margin-right:15px;cursor:pointer;position:relative;float:left}.dropdwnOnline:hover{background-color:#6f00ff}.dropdwnchatOnline{display:none;position:absolute;font-size:15px;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;overflow-y:scroll}.dropdwnchatOnline :hover{background-color:#32b8cf!important}.dropdwnOnline:hover .dropdwnchatOnline{display:block}.drpTxt{font-size:18px;color:#000}@media screen and (max-width:768px){.topbarLink{display:none}.topbarRight{margin-right:2%}.logo{font-size:15px;margin-left:5px}.topbarLeft{flex:4 1}.dropdwnchatOnline::-webkit-scrollbar,.sidenavChat::-webkit-scrollbar{display:none}}.chatOnlineFriend{display:flex;align-items:center;font-weight:500;cursor:pointer;margin-top:10px}.chatOnlineImgContainer{position:relative;margin-right:10px}.chatOnlineImg{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #fff}.chatOnlineBadge{width:10px;height:10px;border-radius:50%;background-color:#32cd32;position:absolute;top:2px;right:2px}.chatOnlineName{color:#000}@media screen and (max-width:768px){.chatOnlineName{color:#000;font-size:12px}.chatOnlineFriend{flex:1 1}}.conversation{display:flex;align-items:center;padding:10px;cursor:pointer;margin-top:20px}.conversation:hover{background-color:rgba(245,243,243,.9)}.conversationImg{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:20px}.conversationName{font-weight:500}.infocontainer{display:inline-block;overflow-wrap:break-word;word-wrap:break-word}.conversationStatus{width:350px;overflow-wrap:break-word!important;word-wrap:break-word!important;font-weight:300}@media screen and (max-width:768px){.conversation{border:1px!important}.conversation:hover{background-color:rgba(245,243,243,.2)}.conversationStatus{width:160px;font-size:15px;overflow-wrap:break-word!important;word-wrap:break-word!important}}.message{flex-direction:column;margin-top:20px}.message,.messageTop{display:flex}.messageImg{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:10px}.messageText{padding:10px;border-radius:20px;background-color:#1877f2;color:#fff;max-width:300px}.messageBottom{font-size:12px;margin-top:10px}.message.own{align-items:flex-end}.message.own .messageText{background-color:#f5f1f1;color:#000}.messageBottom{color:#fff}@media screen and (max-width:768px){.messageText{padding:7px;border-radius:20px}.messageBottom{margin-top:1px}}h1{font-weight:300;letter-spacing:2px;font-size:48px}h1,p{font-family:"Lato",sans-serif}p{letter-spacing:1px;font-size:14px;color:#333}.header{position:relative;text-align:center;background:linear-gradient(60deg,#543ab7,#00acc1);color:#fff}.logoZ{width:50px;fill:#fff;padding-right:15px;display:inline-block;vertical-align:middle}.inner-header{height:45vh;width:100%;margin:0;padding:0}.flex{display:flex;justify-content:center;align-items:center;text-align:center}.waves{width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px}.content,.waves{position:relative}.content{height:20vh;text-align:center;background-color:#fff}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:first-child{animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@media (max-width:768px){.waves{height:40px;min-height:40px}.content{height:30vh}h1{font-size:24px}.buttonX{letter-spacing:1px;padding:10px;width:150px}}.buttonX{text-transform:uppercase;cursor:pointer;font-size:20px;letter-spacing:4px;position:relative;background-color:#16a085;border:none;color:#fff;padding:20px;width:200px;text-align:center;transition-duration:.4s;overflow:hidden;box-shadow:0 5px 15px #193047;border-radius:4px}.buttonX:hover{background:#fff;box-shadow:0 2px 10px 5px #1abc9c;color:#000}.buttonX:after{content:"";background:#1abc9c;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all .8s}.buttonX:active:after{padding:0;margin:0;opacity:1;transition:0s}.buttonX:focus{outline:0}.FileContentZ{background-color:#2fffba;padding:25px}.profilePic{width:200px;height:200px;overflow:hidden;position:relative;margin:15px auto;border:2px solid #f30989;border-radius:50%;cursor:pointer}.profilePic:hover{border:5px solid #f30989}.update{margin-top:2%;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;cursor:pointer;display:inline-block;white-space:nowrap;background-image:linear-gradient(90deg,#0eddca,#00c2df,#00a4f4,#007ff8,#084edc);border-radius:16px;border:1px solid #03d5e4;padding:5px 20px 5px 10px;box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(0,0,0,.3);color:#0f0101;font-size:16px;font-family:Helvetica Neue;font-style:normal;text-shadow:0 -1px 0 rgba(0,0,0,.4);margin-left:20%}.homebtnZ{height:40px;width:40px;margin-bottom:2%;cursor:pointer;border-radius:50%;border:1px solid #2fffba;background-color:#2fffba}.homebtnZ:hover{border:2px solid #f30909}.AddDp{margin-right:2%;height:70px;width:70px;cursor:pointer;border:1px solid #2fffba;background-color:#2fffba}.AddDp:hover{border:2px solid #f30909}.DpUploadbtn:hover{border:2px solid #03770d}.Dp{object-fit:contain;cursor:pointer;width:200px;height:200px}.DpUploadbtn{height:40px;width:40px;border:1px #3cb371;border-radius:50%;background-color:#98fb98;margin-left:1%}.choosefile{width:300px;background:#46a6d6;border:none;outline:none;margin-top:4%;border-radius:50px;margin-left:1%}::-webkit-file-upload-button{border:none;background:#084edc;border-radius:50px;height:40px;color:#faebd7;width:100px;box-shadow:2px 0 0 #0f0f0f}@media screen and (max-width:600px){.update{margin-left:5%}.DpUploadbtn{margin-top:2%}.Dp{margin-bottom:1%}.profilePicP{margin-bottom:3%}.homebtnZ{margin-left:85%}}
/*# sourceMappingURL=main.ff8b8863.chunk.css.map */