.login{align-items:center;background-color:#f0f2f5;display:flex;justify-content:center;min-height:100vh;width:100vw}.loginCont{display:flex;width:80%}.loginLeft{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:30px 20px}.loginLogo{color:#1877f2;font-size:60px;font-weight:800;margin-bottom:10px}.loginDesc{font-size:24px}.loginRight{border:1px solid #fff;border-radius:10px;flex:1 1;flex-direction:column;justify-content:center;margin:0 20px;width:100%}.formInput,.loginRight{display:flex}.loginbottomBox{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:370px;justify-content:space-between;padding:40px 40px 10px}.loginInput{border:1px solid gray;border-radius:10px;font-size:18px;height:45px;padding-left:20px}.loginInput:focus{outline:none}.signinButton{background-color:#42b72a;margin-bottom:5px}.createButton,.signinButton{border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;height:50px;width:100%}.createButton{background-color:#1877f2;margin-bottom:20px}.navbarContainer{align-items:center;background-color:#fff;box-shadow:0 0 10px hsla(0,1%,81%,.826);display:flex;height:60px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.navbarLeft{flex:2 1}.navbarCenter{flex:5 1}.navbarRight{align-items:center;display:flex;flex:4 1;justify-content:space-around}.logo-icon{color:rgba(29,97,233,.89);font-size:45px;margin-left:20px;margin-top:6px}.searchBar{border:1px solid #efeaea;border-radius:30px;height:35px;width:100%}.searchBar,.searchInput{background-color:#efeaea}.searchInput{border:none;font-size:1rem;height:34px;margin-left:4px;outline:none;padding-left:5px;width:70%}.searchIcon{color:gray;margin-left:7px}.navbarLink{cursor:pointer;font-size:15px;margin-left:15px}.navbarIcons{display:flex;font-size:20px;gap:5px}.navbarIconItem{cursor:pointer;display:flex;margin-right:15px;position:relative}.navbarIconBadge{align-items:center;background-color:red;color:#fff;font-size:12px;height:16px;justify-content:center;position:absolute;right:-5px;top:-5px;width:16px}.navbarIconBadge,.navbarImg{border-radius:50%;display:flex}.navbarImg{border:3px solid hsla(0,0%,100%,.638);cursor:pointer;height:48px;margin-right:10px;object-fit:cover;width:48px}@media only screen and (max-width:992px){.navbarLeft{flex:2 1}.navbarCenter{flex:5 1}.searchBar{width:95%}.searchInput{width:70%}.navbarImg{margin-right:25px}}@media only screen and (max-width:768px){.navbarLink{display:none}}@media only screen and (max-width:576px){.navbarContainer{justify-content:space-between}.navbarContainer .navbarLeft{flex:1 1}.navbarContainer .navbarCenter{display:none;flex:1 1}.navbarContainer .navbarRight{flex:1 1}}.sidebar{background-color:hsla(0,14%,96%,.932);flex:2.5 1;height:calc(100vh - 50px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:50px}.sidebarContainer{padding:20px}.sidebarList{list-style:none;margin:0;padding:0}.sidebarHr{margin:10px 0}.sidebarFriendList{list-style:none;margin:0;padding:0}.sidebar::-webkit-scrollbar{display:none}@media only screen and (max-width:992px){.sidebar{flex:1.5 1}.sidebarContainer{padding:16px}.sidebarFriendName,.sidebarListItemText{display:none}}@media only screen and (max-width:768px){.sidebar{display:block}.sidebarContainer{padding:5px}}@media only screen and (max-width:550px){.sidebar{display:none}}.sidebarListItem{align-items:center;border-radius:30px;color:#000;cursor:pointer;display:flex;font-weight:500;padding:7px}.sidebarIcon{color:#1b76fe;font-size:30px;margin-right:15px}.sidebarIconMore{background-color:#d8d7d7;border-radius:50%;color:hsla(0,0%,39%,.822);font-size:22px;margin-right:15px}.sidebarListItem:hover,.sidebarListItem:hover *{background-color:#fff}.sidebarFriend{align-items:center;cursor:pointer;display:flex;margin-bottom:20px}.sidebarFriendImg{border-radius:50%;height:40px;margin-right:20px;object-fit:cover;width:40px}.sidebarFriendName{font-weight:500}.story{border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;justify-content:space-between;margin-bottom:30px}.storyCard{display:flex;flex-basis:20%;margin:5px;position:relative}.cardProfile{border:3px solid rgba(29,97,233,.89);border-radius:50%;display:flex;height:50px;left:10px;object-fit:cover;position:absolute;top:10px;width:50px}.cardBackground{border-radius:10px;height:220px;width:100%}.cardAdd,.cardBackground{cursor:pointer;object-fit:cover}.cardAdd{border-radius:50%;bottom:50px;height:41px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:42px}.username{bottom:10px;color:#fff;font-size:14px;font-weight:500;text-align:center}.darkEffect,.username{position:absolute;width:100%}.darkEffect{background-color:#000;border-radius:10px;height:100%;left:0;opacity:.55;top:0}.share{border-radius:10px;box-shadow:4px 2px 20px 5px hsla(240,9%,81%,.48);height:170%;width:100%}.shareContainer{display:flex;flex-direction:column;justify-content:center;padding:20px}.shareFirst{align-items:center;display:flex}.shareProfileImg{border-radius:50%;height:50px;margin-right:10px;object-fit:cover;width:50px}.shareText{background-color:initial;border:none;border-bottom:2px solid #000;font-size:18px;width:80%}.shareText:focus{outline:none}.shareSecond{justify-content:space-between}.shareOptions,.shareSecond{align-items:center;display:flex}.shareOptions{justify-content:space-around;margin-left:20px;margin-top:15px;width:90%}.shareOption{align-items:center;cursor:pointer;display:flex;margin-right:20px}.shareIcon{font-size:30px;margin-right:10px}.shareOption:hover{border-radius:4px;box-shadow:4px 2px 20px 5px hsla(240,9%,81%,.48)}.shareOptionText{font-size:14px;font-weight:600}.shareImgCont{margin-top:10px;padding:0 20px 10px;position:relative}.shareImg{object-fit:contain;width:100%}.shareCloseImg{background-color:#fff;border-radius:50%;color:#000;cursor:pointer;font-size:30px;font-weight:600;opacity:.75;padding:5px;position:absolute;right:20px;top:0}.feed{flex:6 1;height:calc(100vh - 50px)}.feedContainer{padding:20px}.post{border-radius:30px;box-shadow:2px 2px 20px 5px hsla(240,9%,81%,.48);margin:30px 0;width:100%}.postContainer{padding:20px}.postTop{justify-content:space-between}.postTop,.postTopLeft{align-items:center;display:flex}.postProfileImg{border-radius:50%;cursor:pointer;height:40px;object-fit:cover;width:40px}.postUsername{cursor:pointer;font-size:15px;font-weight:500;margin:0 10px}.postDate{font-size:14px}.postVertButton{color:#000;cursor:pointer;font-size:30px}.postCenter{margin:20px 0}.postImg{cursor:pointer;margin-top:15px;max-height:500px;object-fit:contain;width:100%}.postBottom{justify-content:space-between}.postBottom,.postBottomLeft{align-items:center;display:flex}.postBottomLeft{gap:10px}.bottomLeftIcon{cursor:pointer;font-size:25px}.postLikeCounter{font-size:15px}.postCommentText{cursor:pointer;font-size:15px}.footerHr{margin:10px 0}.postBottomFooter{align-items:center;display:flex;justify-content:space-between}.postBottomFooterItem{align-items:center;cursor:pointer;display:flex;padding:7px}.footerIcon{color:#000;font-size:30px;margin-right:10px}.postBottomFooterItem:hover{border-radius:20px;box-shadow:4px 2px 20px 5px hsla(240,9%,81%,.48)}.footerText{font-weight:500}.rightbarFriend{align-items:center;cursor:pointer;display:flex;margin-bottom:15px}.rightbarImgCont{margin-right:10px;position:relative}.rightbarProfileImg{border-radius:50%;height:42px;object-fit:cover;width:42px}.rightbarOnline{background-color:#4def31;border:2px solid #fff;border-radius:50%;height:13px;position:absolute;right:-5px;top:-5px;width:13px}.profileRightSide{flex:3.5 1;padding:0 20px 0 0}.profileRightSideHeading{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.profileRightSideTitle{font-size:18px;font-weight:500}.editButton{align-items:center;background-color:#2d7df6f4;border:none;border-radius:10px;color:#f0f8ff;cursor:pointer;display:flex;font-weight:450;justify-content:center;padding:6px 8px}.profileRightSideInfo{margin-bottom:30px}.profileRightSideItem{margin-bottom:10px}.profileRightSideItemKey{font-weight:450;margin-right:10px}.profileRightSideItemVal{font-weight:300}.profileRightSideFollowings{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}.profileRightSideFollowing{cursor:pointer;display:flex;flex-direction:column;margin-top:20px}.profileRightSideFolImg{border-radius:10px;height:100px;object-fit:cover;width:100px}.profileRightSideFolName{align-self:center;margin-top:5px}@media only screen and (max-width:800px){.profileRightSide{display:none}}.birthdayContainer{align-items:center;display:flex}.birthdayImg{border-radius:30px;height:100px;margin-right:10px;width:100px}.birthdayText{cursor:pointer;font-size:15px;font-weight:300}.rightbarAdvert{border-radius:10px;margin:25px 0;width:100%}.rightbarTitle{display:flex;margin-bottom:20px}.rightside{flex:3 1;height:calc(100vh - 50px)}.rightsideContainer{display:flex;flex-direction:column;padding:20px 20px 0 0}@media only screen and (max-width:850px){.rightside{display:none}}.editProfileCont{display:flex}.editProfileRightBottom{display:flex;flex-direction:column}.top{box-shadow:2px 2px 20px 5px hsla(240,9%,81%,.48);display:flex;margin:20px;padding:10px}.top h1{color:gray;font-size:20px}.bottom{box-shadow:2px 2px 20px 5px hsla(240,9%,81%,.48);display:flex;margin:20px;padding:10px}.bottom .left img{border:2px solid gray;border-radius:50%;height:200px;margin:40px 10px 40px 40px;width:200px}.left{flex:1 1}.right{flex:2 1}.bottom .right form{display:flex;flex-direction:column;justify-content:space-between}.formInput{align-items:center;display:block;margin-top:10px;width:70%}.formInput .editLabel{align-items:center;display:block;gap:5px}.icon{font-size:25px}.bottom .right form input{border:none;border-bottom:1px solid gray;font-size:15px;padding:5px;width:100%}.bottom .right form input:focus{outline:none}.updateButton{background-color:#3873e9;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:10px;width:150px}@media only screen and (max-width:790px){.left{align-items:center}.bottom .left img{border-radius:50%;height:150px;margin:40px auto;width:150px}.right{flex:2 1}.formInput{width:90%}}@media only screen and (max-width:576px){.bottom{align-items:center;flex-direction:column}.left img{align-self:center;border-radius:50%;height:10px;width:10px}.formInput{width:100%}}.homeContainer{display:flex;width:100%}.profileContainer{display:flex}.profileRight{flex:10 1}.profileCover{height:320px;position:relative}.profileBackImg{height:250px;object-fit:cover;width:100%}.profileUserImg{border:4px solid hsla(0,0%,100%,.923);border-radius:50%;height:150px;left:0;margin:auto;object-fit:cover;position:absolute;right:0;top:150px;width:150px}.profileInfo{align-items:center;display:flex;flex-direction:column;justify-content:center}.profileInfoName{font-size:24px}.profileFullInfo{font-weight:300}.profileBottom,.register{display:flex}.register{align-items:center;background-color:#f0f2f5;justify-content:center;min-height:100vh}.registerCont{display:flex;width:80%}.registerLeft{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:20px}.registerLogo{color:#1877f2;font-size:60px;font-weight:800;margin-bottom:10px}.registerDesc{font-size:24px}.registerRight{border:1px solid #fff;border-radius:10px;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 20px;width:100%}.registerBox{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;width:100%}.registerTop{align-items:center;display:flex;justify-content:space-between;margin:30px}.profileImg{border:1px solid gray;border-radius:50%;display:flex;height:80px;object-fit:cover;width:80px}.registerBox .registerformInput,.registerformInput label{align-items:center;display:flex}.icon{color:gray;cursor:pointer;font-size:34px;margin-left:10px}.RegisterBottomBox{border-radius:10px;display:flex;flex-direction:column;height:450px;justify-content:space-between;padding:10px 40px}.registerInput{border:1px solid gray;border-radius:10px;font-size:18px;height:45px;padding-left:20px}.registerInput:focus{outline:none}.registerButton{background-color:#42b72a;margin-bottom:5px}.loginRegisterButton,.registerButton{border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;height:50px;width:100%}.loginRegisterButton{background-color:#1877f2;margin-bottom:20px}.dark *{background-color:#000;color:#ccc}.dark .navbarContainer *{color:#fff}.dark .sidebarListItem:hover,.dark .sidebarListItem:hover *{background-color:#c8c8c8;color:#363636}.dark .rightbarOnline{background-color:#4def31}.dark .editButton{background-color:#afafaf;color:#000;font-weight:550}.dark .shareFirst input{border-bottom:2px solid #d3d3d3}.dark .storyCard span{background-color:initial}.dark .cardProfile{border:3px solid #000}.dark .editButton *,.dark .updateButton{background-color:#afafaf;color:#000}
/*# sourceMappingURL=main.ced75f84.css.map*/