.topbarContainer{height:50px;width:100%;background-color:#17252a;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:15}.topbarLeft{-webkit-flex:3 1;flex:3 1}.logo{font-size:24px;margin-left:20px;color:#fff;font-weight:700;cursor:pointer}.topbarCenter{-webkit-flex:5 1;flex:5 1}.searchBar{width:100%;height:30px;background-color:#fff;border-radius:30px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.searchInput{border:none;width:70%}.searchInput:focus{outline:none}.searchIcon{font-size:20px!important;margin-left:10px}.topbarRight{-webkit-flex:4 1;flex:4 1;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;color:#fff}.topbarLink{margin-right:10px;font-size:14px;cursor:pointer}.topbarIcons{display:-webkit-flex;display:flex}.topbarIconItem{margin-right:15px;cursor:pointer;position:relative}.topbarIconBatch{width:15px;height:15px;background-color:#d80b0b;border-radius:50%;color:#fff;position:absolute;display:-webkit-flex;display:flex;top:-5px;right:-5px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:10px}.topbarImg{width:50px;height:50px;border:1px solid #fff;object-fit:cover;border-radius:50%;cursor:pointer}.settingIcon{color:#fff;font-size:20px}.dropbtn{background-color:#17252a;color:#fff;padding:10px;font-size:16px;border:none}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#17252a;right:0;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content a{color:#fff;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#def2f1;color:#17252a}.dropdown:hover .dropdown-content{display:block}.search-resultsUser{position:absolute;background:none;width:35%;background-color:#def2f1;box-sizing:border-box;top:42px;-webkit-align-self:center;align-self:center;z-index:10;padding-left:20px}.rightbarUserNameSearch{font-size:20px;font-weight:700;margin-left:20px}#highlight:hover{box-shadow:0 0 16px -8px rgba(0,0,0,.68);background-color:#def2f1;color:#17252a}#searchImg{border:1px solid #b0e0e6}.sidebar{padding:10px;-webkit-flex:3 1;flex:3 1;height:97vh;background-color:#17252a;color:#fff;overflow-y:scroll;position:-webkit-sticky;position:sticky;top:50px}.sidebarWrapper{padding:20px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:grey}::-webkit-scrollbar-thumb{background-color:snow}.sidebarList{padding:0;margin:0;list-style:none}.sidebarItem{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:20px}.sidebarIcon{margin-right:15px}.sidebarButton{width:150px;border:none;border-radius:15px;padding:10px;font-weight:700}.sidebarHr{margin:20px 0}.sidebarFriendList{padding:0;margin:0;list-style:none}.sidebarFriend{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:15px}.sidebarImg{width:40px;height:40px;object-fit:cover;border-radius:50%;cursor:pointer;margin-right:10px}.sidebarText{font-weight:700;font-size:20px}.rightbar{-webkit-flex:3 1;flex:3 1;background-color:#def2f1;color:#2d283e}.rightbarWrapper{padding:20px}.birthdayContainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.birthdayImg{width:40px;height:40px;margin-right:10px}.birthdayText{font-size:15}.rightbarTitle{margin-top:50px;margin-bottom:20px}.rightbarFriendList{padding:0;margin:0;list-style:none}.rightbarFriend{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:15px}.rightbarProfileImgContainer{margin-right:10px;position:relative}.rightbarProfileImg{width:50px;height:50px;border:2px solid #17252a;border-radius:50%;object-fit:cover}.rightBarFollowButton{margin-top:30px;margin-bottom:10px;border:none;background-color:#1872f2;color:#fff;border-radius:10px;padding:5px 10px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:18px}.rightbarOnline{width:12px;height:12px;border-radius:50%;background-color:green;border:1px solid #f5f5f5;position:absolute;top:-3px;right:0}.rightbarUserName{font-size:18px;font-weight:700;color:#2d283e}.rightbarTitle{font-size:18px;font-weight:700;margin-bottom:10px}.rightbarInfo{margin-bottom:30px}.rightbarInfoItem{margin-bottom:10px}.rightbarInfoKey{font-weight:700;margin-right:15px;color:#555}.rightbarInfoValue{font-weight:300}.rightbarFollowings{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.rightbarFollowing{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.rightbarFollowingImg{width:100px;height:100px;object-fit:cover;border-radius:50%}.rightBarFollowingName{font-size:30px;font-weight:700;color:red}.share{width:100%;border-radius:10px;box-shadow:0 0 5px 5px #aab8bf}.shareWrapper{padding:10px}.shareTop{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.shareProfileImg{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:10px}.shareInput{border:none;width:80%;font-size:16px;font-weight:700;background-color:#def2f1}.shareInput:focus{outline:none}.shareHr{margin:20px}.shareBottom{-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.shareBottom,.shareOptions{display:-webkit-flex;display:flex}.shareOptions{margin-left:20px}.shareOption{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-right:15px;cursor:pointer}.shareIcon{font-size:18px;margin-right:3px}.shareOptionText{font-size:14px;font-weight:500}.shareButton{border:none;padding:5px 20px;height:30px;font-size:17px;border-radius:5px;background-color:green;font-weight:500;margin-right:20px;cursor:pointer;color:#fff;width:100px}.shareImgContainer{padding:0 20px 10px;position:relative;max-width:600px}.shareImg{max-width:500px;object-fit:cover}.shareCancelImg{position:absolute;top:0;right:20px;cursor:pointer;opacity:.7}.post{width:100%;border-radius:10px;box-shadow:0 0 5px 5px #aab8bf;margin:30px 0;font-family:Sans-Serif}.postWrapper{padding:10px}.postTop{-webkit-justify-content:space-between;justify-content:space-between}.postTop,.postTopLeft{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.postProfileImg{width:35px;height:35px;object-fit:cover;border-radius:50%;cursor:pointer}.postUserName{margin:0 10px;font-size:15px;font-weight:700;font-family:Narrow,sans-serif}.postText{font-weight:700;font-size:16px}.postDate{font-size:12px}.postCenter{margin:20px 0}.postImg{width:100%;margin-top:20px;max-height:500px;object-fit:contain}.postBottom{-webkit-justify-content:space-between;justify-content:space-between}.postBottom,.postBottomLeft{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.likeIcon{border:none;background-color:none;color:#cb2d6f;margin-right:5px;height:25px;width:25px}.postLikeCounter{font-size:15px}.postCommmentText{cursor:pointer;border-bottom:1px dashed grey;font-size:15px}.feed{-webkit-flex:5.5 1;flex:5.5 1}.feedWrapper{padding:20px;background-color:#def2f1}.login{width:100vw;height:100vh;background-color:#f0f2f5;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.login,.loginWrapper{display:-webkit-flex;display:flex}.loginWrapper{width:70%;height:70%}.loginLeft,.loginRight{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.loginLogo{font-size:50px;font-weight:700;color:#1775ee;margin-bottom:10px}.loginDesc{font-size:24px}.loginBox{height:300px}.loginBox,.signupBox{padding:20px;background-color:#fff;border-radius:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.signupBox{height:400px}.loginInput{height:50px;border-radius:10px;border:1px solid grey;font-size:18px;padding-left:20px}.loginInput:focus{outline:none}.loginButton{height:50px;border-radius:10px;border:none;background-color:#1775ee;color:#fff;font-size:20px;font-weight:700;cursor:pointer}.loginForgot{text-align:center;color:#1775ee}.loginSignUp{width:100%;-webkit-align-items:center;align-items:center;-webkit-align-self:center;align-self:center;height:50px;border-radius:10px;border:none;background-color:#42b72a;color:#fff;font-size:20px;font-weight:700;cursor:pointer}.profile{display:-webkit-flex;display:flex;background-color:#def2f1}.profileCover{height:300px}.profileCoverImg{height:250px}.profileUserImg{top:150px}.chatOnlineFriend{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-weight:700;cursor:pointer;margin-top:10px}.chatOnlineImgContainer{position:relative;margin-left:10px;margin-right:10px}.chatOnlineImg{width:50px;height:50px;border-radius:50%;object-fit:cover;border:1px solid #fff}.chatOnlineBadge{width:10px;height:10px;border-radius:50%;position:absolute;background-color:#32cd32;top:2px;right:2px}.chatOnlineName{margin-left:10px}.conversation{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:10px;cursor:pointer;margin-top:20px}.conversation:hover{background-color:#fff4f4}.conversationImg{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:20px}.conversationName{font-weight:700}.message{-webkit-flex-direction:column;flex-direction:column}.message,.messageTop{display:-webkit-flex;display:flex}.messageTop{border-radius:5px}.messageImg{width:40px;height:40px;object-fit:cover;border-radius:50%;margin-right:8px}.messageText{padding:10px;border-radius:20px;background-color:grey;color:#fff;max-width:75%}.messageBottom{font-size:12px;margin-top:8px}.message.own{-webkit-align-items:flex-end;align-items:flex-end}.message.own .messageText{background-color:#ffdab9;color:#00008b}.messenger{height:calc(100vh - 70px);display:-webkit-flex;display:flex}.chatMenu{-webkit-flex:3.5 1;flex:3.5 1}.chatMenuInput{width:85%;padding:10px 3px;border:none;border-bottom:2px solid grey}.chatBox{-webkit-flex:5.5 1;flex:5.5 1}.chatBoxContainer,.chatMenuContainer,.chatOnlineContainer{padding:10px;height:100%}.chatBoxContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;position:relative}.chatBoxTop{height:500px;padding-right:10px;overflow-y:scroll}.chatBoxBottom{margin-top:5px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.chatInput{width:75%;height:40px;padding:10px}.sendChatButton{border-radius:5px;width:70px;height:40px;border:none;background-color:#a37af0;color:#fff;cursor:pointer}.chatOnline{-webkit-flex:3 1;flex:3 1}.noConversation{position:absolute;top:10%;font-size:50px;color:grey}.search-resultsUserM{position:absolute;background:#fff;width:35%;box-sizing:border-box;border:1px solid #e1e1e1;top:100px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:10}.homeContainer{display:-webkit-flex;display:flex;width:100%;background-color:#def2f1}.settingMainContainer{-webkit-flex:70% 1;flex:70% 1;overflow-x:hidden}.profileRight{-webkit-flex:9 1;flex:9 1}.profileRightBottom{display:-webkit-flex;display:flex}.profileCover{height:400px;position:relative}.profileCover,.profileCoverImg{width:100%;object-fit:cover;background-color:#def2f1}.profileCoverImg{height:350px}.profileUserImg{width:150px;height:150px;border-radius:50%;object-fit:cover;position:absolute;left:0;right:0;margin:auto;top:250px;border:3px solid #fff}.profileInfo{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-top:20px}.profileName{margin-top:10px;font-size:24px;font-weight:700}.profileDesc{font-size:16px}.inputProfileName{margin-top:10px;width:150px;height:50px;font-size:20px;border:none;border-bottom:2px solid #000;background-color:#def2f1}.inputProfileName:focus{outline:none}.inputProfileDesc{margin-top:10px;width:400px;height:50px;font-size:18px;background-color:#def2f1;border:none;border-bottom:2px solid #000}.inputProfileDesc:focus{outline:none}.personalInfoContainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;padding:20px}.cityContainer,.fromContainer{width:200px}.relationshipContainer{width:100px}.settingCancelImg{right:40px;opacity:1;background-color:#def2f1}.settingCancelImg,.settingCancelImg2{position:absolute;top:0;font-size:30px;cursor:pointer}.settingCancelImg2{right:15px;opacity:.8;color:#b81414}.settingOptions{margin-left:20px}.settingOption,.settingOptions{display:-webkit-flex;display:flex}.settingOption{-webkit-align-items:center;align-items:center;margin-right:15px;cursor:pointer}.settingIcon1{top:360px;right:20px}.settingIcon1,.settingIcon2{font-size:18px;margin-right:5px;position:absolute;z-index:2}.settingIcon2{color:#260650;right:43%;top:380px}.saveChangesButton{font-size:20px;padding:10px 20px;width:150px;height:50px;-webkit-align-self:center;align-self:center;border:none;border-radius:5px;margin-top:20px;background-color:#008cba;color:#fff;font-weight:700;margin-left:42%}.settingImgContainer{opacity:.8;height:350px;width:100%}.settingImgContainer,.settingImgContainer2{position:absolute;object-fit:cover;z-index:3}.settingImgContainer2{border:2px solid #fff;top:250px;left:42%;width:150px;height:150px;border-radius:50%}.settingImg{width:95%;height:95%;object-fit:cover}.settingImg2{width:100%;height:100%;border-radius:50%;object-fit:cover}.settingContainer{padding:10px;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;margin-bottom:30px}.forSpace{height:100px;width:100%}.titlePost{-webkit-align-self:center;align-self:center;margin-left:42%;margin-top:50px}.postSetting{display:-webkit-flex;display:flex;padding:5%;margin-bottom:50px;-webkit-flex-direction:column;flex-direction:column}#effects{margin-bottom:10px;box-shadow:0 0 5px 5px #aab8bf}.deleteIcon{font-size:22px;color:red;cursor:pointer}#root,body{margin:0}
/*# sourceMappingURL=main.3e7c4727.chunk.css.map */