*{margin:0;padding:0;box-sizing:border-box;font-family:nunito}:root{--lightblue: rgb(6,163,218);--white: rgb(255,255,255);--pale: rgb(238,249,255)}.homeContainer{display:flex;width:100%}.sidebar{flex:3;border:1px solid var(--lightblue);height:calc(100vh - 50px);overflow-y:scroll;position:sticky;top:50px}@media (max-width:850px){.sidebar{display:none}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#f0f8ff}::-webkit-scrollbar-thumb{background-color:#c6bfbf}.sidebarWrapper{padding:20px}.sidebarList{padding:0;margin:0;list-style:none}.sidebarListItem{display:flex;align-items:center;margin-bottom:20px}.sidebarIcon{margin-right:15px}.sidebarButton{width:150px;border:none;padding:10px;border-radius:5px;font-weight:700;margin-bottom:10px}.sidebarFriendList{padding:0;list-style:none;margin-top:20px}.sidebarFriend{display:flex;align-items:center;margin-bottom:15px;gap:10px}.sidebarFriendImg{width:32px;height:32px;border-radius:50%;object-fit:cover}.feedbar{flex:5.5;border:1px solid var(--lightblue)}.feedWrapper{padding:20px}.arrowR,.disv{display:none}.sideNav{display:block}@media (max-width:851px){.show,.arrowR,.displayS{display:none}}.share{width:100%;height:170px;border-radius:10px;-webkit-box-shadow:5px 9px 22px -7px rgba(0,0,0,.34);box-shadow:5px 9px 22px -7px #00000057}.shareWrapper{padding:10px}.shareTop{display:flex;align-items:center;gap:20px}.ShareProfileImg{width:50px;height:50px;border-radius:50%;object-fit:cover}.shareInput{border:none;width:50%}.shareInput:focus{outline:none}.shareHr{margin:20px}.shareBottom{display:flex;justify-content:space-between;align-items:center}.shareOptions{display:flex;margin-left:20px}.shareOption{align-items:center;margin-right:15px;display:flex}.shareIcon{margin-right:10px}.shareButton{border:none;padding:7px;border-radius:5px;font-weight:800;background-color:var(--lightblue);cursor:pointer;color:#fff;margin-right:20px}.post{width:100%;border-radius:10px;-webkit-box-shadow:5px 9px 22px -7px rgba(0,0,0,.34);box-shadow:5px 9px 22px -7px #00000057}.postWrapper{padding:10px;margin-top:20px}.postTop{display:flex;justify-content:space-between;align-items:center}.postTopLeft{display:flex;align-items:center}.posterProfileImg{width:32px;height:32px;border-radius:50%;object-fit:cover}.posterUsername{font-size:15px;font-weight:700;margin:0 10px}.posterDate{font-size:smaller}.likeIcon{width:32px}.postCenter{margin:20px 0}.postImg{margin-top:20px;width:100%;max-height:500px;object-fit:contain}.postBottom{display:flex;justify-content:space-between;align-items:center}.postBottomLeft{display:flex;align-items:center}.likeIcon{cursor:pointer}.postLikeCounter{font-size:15px}.postCommentText{cursor:pointer;border-bottom:1px dashed grey}.rightbar{flex:3.5;border:1px solid var(--lightblue)}.rightbarWrapper{padding:20px;overflow:scroll;position:sticky;top:50px}.birthdayContainer{display:flex}.birthdayImg{width:40px}.birthdayText{font-weight:500;font-size:15px}.rightbarAd{width:100%;border-radius:10px}.rightbarTitle{margin:20px 0;border-bottom:1px solid rgba(0,0,0,.1)}.rightbarFriendList{margin:0;padding:0;list-style:none}@media (max-width:1083px){.rightbar{display:none}}.rightbarFriend{display:flex;align-items:center;margin-bottom:10px;position:relative;gap:20px}.profileImg{width:40px;height:40px;object-fit:cover;border-radius:50%}.rightbarName{font-weight:700}.rightbarActive{width:12px;height:12px;border-radius:50%;background-color:green;display:flex;position:absolute;top:0;left:30px;border:2px solid white}.rightbarProfileImgContainer{display:flex;align-items:center}.topbarContainer{background-color:#ff4500;width:100%;margin:auto;display:flex;flex-direction:row;align-items:center;position:sticky;top:0;padding:10px 20px;z-index:999}@media (max-width:579px){.topbarContainer{width:540px}}.topbarLeft{flex:3;font-family:nunito;font-weight:900}.logo{font-size:40px;color:#fff}@media (max-width:850px){.logo{font-size:20px}}.topbarCenter{flex:5}.searchbar{border-radius:20px;background-color:#fff;display:flex;align-items:center;padding:5px 9px}@media (max-width:572px){.searchbar{padding:1px 7px 1px 1px}}.searchIcon{font-size:20px!important;margin-left:10px}.searchInput{border:none;outline:none;width:100%}.topbarRight{flex:4;display:flex;align-items:center;justify-content:space-around;color:var(--white)}.topbarLink{cursor:pointer;margin-right:15px}.topbarIcons{display:flex;align-items:center;justify-content:space-between;gap:20px}.topbarIconItem{display:flex;cursor:pointer;position:relative}.topbarIconBadge{width:15px;height:15px;display:flex;background-color:#00f;border-radius:50%;position:absolute;top:-5px;right:-5px;align-items:center;justify-content:center}.topbarimg{width:38px;height:38px;border-radius:50%;object-fit:cover}.profile{display:flex;flex-direction:row}.profileRight{flex:9}.profileRightBottom{display:flex}.profileCover{height:320px;position:relative}.profileCoverImage{width:100%;height:250px;object-fit:cover}.profileUserImage{width:150px;height:150px;border-radius:50%;object-fit:cover;position:absolute;top:150px;left:0;margin:auto;border:3px solid white}.profileInfo{display:flex;flex-direction:column;align-items:center;justify-content:center}.profileName{font-size:25px;font-weight:900}.profileAboutTitle{font-size:18px;font-weight:500;margin-bottom:10px;margin-left:20px}.aboutInfo{margin:20px;display:flex;flex-wrap:wrap;justify-content:space-between}.aboutInfoItem{display:flex;align-items:center;margin-bottom:10px}.aboutFollowingImg{width:100px;height:100px;object-fit:cover;border-radius:5px;margin-bottom:10px}.aboutInfoKey{font-weight:500;margin-right:15px;color:#555}.aboutInfoValue{font-weight:600}.aboutFollowings{display:flex;flex-wrap:wrap;margin:20px;gap:10px;display:none}.show{display:flex}.aboutFollowing{display:flex;flex-direction:column}.aboutFollowingName{font-size:10px}