.showCreatePost{display:flex;height:380px;left:27.2%;position:absolute;top:70px;width:46.8%;z-index:1}.hideCreatePost{display:none}.createPostWrapper{background-color:#fff;border-radius:10px;box-shadow:0 1px 5px -1px rgba(0,0,0,.75);padding:5px;width:90%}.createPostTop{align-items:center;display:flex}.createPostTitle{flex:2 1;margin:0;padding-top:5px;text-align:center}.createPostProfileImage{border-radius:50%;cursor:pointer;height:50px;margin-left:15px;object-fit:cover;width:50px}.createPostUsername{cursor:pointer;opacity:.7}.createPostInput{background-color:initial;border:none;color:#1b1919;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-size:25px;margin-left:15px;opacity:.8;width:80%}.createPostInput:focus{opacity:1;outline:none;text-decoration:none}.createPostHr{margin:10px 0;opacity:.3}.creatButtons{align-items:center;display:flex;justify-content:space-around}.createPostCloseIconCont{align-items:center;background-color:#e6e6e6;border-radius:50%;display:flex;height:30px;justify-content:center;opacity:.5;width:30px}.createPostCloseIconCont:hover{opacity:.9}.createPostCenter{display:flex;flex-direction:column}.createPostProfileCont{align-items:center;display:flex;gap:5px}.createPostInputCont{height:120px;margin-top:15px}.createPostOptionsCont{align-items:center;display:flex;justify-content:center}.createPostOption{align-items:center;border:1.5px solid #ece0e0;border-radius:10px;display:flex;height:60px;width:95%}.createPostOptionIcons{align-items:center;cursor:pointer;display:flex;gap:5px;padding:20px}.createPostOptionTitle{flex:2 1;opacity:.5;padding:20px}.circleCont{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.circleCont:hover{background-color:#e6e6e6}.createPostButtonCont{align-items:center;display:flex;justify-content:center;margin-top:15px}.createPostButton{background-color:#4141ad;border:1.5px solid #ece0e0;border-radius:10px;color:#fff;cursor:pointer;font-size:medium;height:40px;opacity:.8;width:95%}.createPostButton:hover{opacity:1}@media only screen and (max-width:360px){.createPostOptionTitle{display:none}.createPostOptionIcons{gap:1px}}@media only screen and (max-width:600px){.showCreatePost{left:10px;width:100%}}@media only screen and (max-width:820px){.createPostOptionTitle span{display:none}}.homeContainer{display:flex;width:100%}.fullVisualHome{background-color:#f5f5f5;margin:0;padding:0;position:relative}.halfVisualHome{opacity:.3;position:relative}.postTop{display:flex}.postTopLeft{align-items:center;display:flex;flex:2 1;gap:10px}.postTopRight{float:right}.postUsername{cursor:pointer;font-weight:500}.postDate{font-size:14px;font-weight:100}.postText{font-size:15px}.postProfileImage{border-radius:50%;cursor:pointer;height:50px;object-fit:cover;width:50px}.postBottom{display:flex}.postBottomLeft{align-items:center;display:flex;flex:2 1;gap:10px}.likeIcon{cursor:pointer;height:25px;width:25px}.likeIconCont{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.likeIconCont:hover{background-color:#dcdcdc}.likeIconCont:active{background-color:#d4cbcb}.post{gap:15px;width:100%}.post,.postWrapper{display:flex;flex-direction:column}.postWrapper{background-color:#fff;border-radius:10px;box-shadow:0 1px 5px -1px rgba(0,0,0,.75);gap:10px;padding:15px;width:90%}.postImage{cursor:pointer;height:400px;margin-top:10px;width:100%}.postLikeCounter{font-size:15px}.postCommentText{cursor:pointer}.feed{flex:6 1;height:calc(100vh - 67px);margin-top:50px;overflow-y:scroll}.feedWrapper{display:flex;flex-direction:column;gap:20px;justify-content:center;padding:20px}.share{position:relative;width:100%}.shareWrapper{background-color:#fff;border-radius:10px;box-shadow:0 1px 5px -1px rgba(0,0,0,.75);height:130px;padding:15px;width:90%}.shareTop{display:flex}.shareProfileImage{border-radius:50%;cursor:pointer;height:50px;margin-left:15px;object-fit:cover;width:50px}.shareInput{background-color:#f0e7e7;border:none;border-radius:20px;font-size:18px;margin-left:15px;opacity:.6;width:80%}.shareInput:hover{cursor:pointer;opacity:.8;outline:none}.shareHr{margin:20px 0;opacity:.3}.shareOptions{justify-content:space-around}.shareOption,.shareOptions{align-items:center;display:flex}.shareOption{cursor:pointer;height:40px;justify-content:center;width:150px}.shareOption:hover{background-color:#e6e6e6;border-radius:5px}.shareOptionText{color:#928d8d;font-size:15px;font-weight:700;margin-left:5px}.shareIcon{font-size:26px}@media only screen and (max-width:900px){.shareOptionText{display:flex}.shareOptionLongText{display:none}}@media only screen and (min-width:900px){.shareOptionLongText{display:flex}.shareOptionText{display:none}}.sidebar{flex:3.2 1;height:calc(100vh - 70px);overflow-y:scroll;position:-webkit;top:50px}::-webkit-scrollbar{height:100%;width:6px}::-webkit-scrollbar-track{border-radius:10px}.sidebar:hover::-webkit-scrollbar-thumb{background:hsla(240,1%,69%,.8);border-radius:10px}.sidebarWrapper{padding:20px}.sidebarList{list-style:none;margin:0;padding:0}.sidebarListItem{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-weight:500;height:47px}.sidebarListItem:hover{background-color:#dcdcdc}.sidebarListItemText{color:#555353;font-size:14px;font-weight:700}.sidebarIcon{color:grey;margin-right:10px}.sidebarButton{border:none;border-radius:5px;font-weight:500;padding:10px;width:150px}.sidebarHr{margin:20px 0}.sidebarFriendList{list-style:none;margin:0;padding:0}#logout{color:grey;margin:0 0 0 60px;padding:0;width:50px}#logout:hover{cursor:pointer}#select-mode{background:#fff;color:grey;margin:10px 0 0 60px;padding:0}.logout-hide,.mode-hide{display:none}.logout-show,.mode-show{display:flex}.day-mode{background:#fff}.night-mode{background:#000}@media only screen and (max-width:600px){.sidebar{display:none}}.sidebarFriend{align-items:center;border-radius:5px;display:flex;height:45px;margin-bottom:5px;width:100%}.sidebarFriend:hover{background-color:#dcdcdc}.sidebarFriendImg{border-radius:50%;cursor:pointer;height:32px;margin-right:10px;object-fit:cover;width:32px}.sidebarFriendName{cursor:pointer;font-size:14px;font-weight:500;opacity:.9}.topbarContainer{align-items:center;background-color:#fff;box-shadow:0 1px 5px 0 #a69fa6;display:flex;height:55px;left:0;position:fixed;top:0;width:100%;z-index:1}.topbarLeft{flex:3 1;height:54.5px;overflow:hidden}.logo{color:blue;cursor:pointer;font-family:cursive;font-size:24px;font-weight:700;margin-left:20px;opacity:.8}.topbarLeft2{left:100px;position:absolute;width:260px}.searchbar{align-items:center;background-color:#f5f5f5;border-radius:30px;display:flex;height:40px;margin-left:20px;width:90%}.searchIcon{font-size:20px!important;margin-left:10px}.searchInput{background-color:#f5f5f5;border:none;font-size:15px;width:70%}.searchInput:focus{opacity:.7;outline:none}.topbarCenter{display:flex;flex:4 1}.topbarLinks{cursor:pointer;display:flex;gap:10px}.topbarRight{align-items:center;color:#fff;display:flex;flex:1.5 1;justify-content:space-around}.topbarIcons{display:flex}.topbarIconItem{cursor:pointer;margin-right:15px;position:relative}.topbarIconBadge{align-items:center;background-color:tomato;border-radius:50%;color:#fff;display:flex;font-size:12px;height:15px;justify-content:center;position:absolute;right:-5px;top:-2px;width:15px}.topbarImg{border-radius:50%;cursor:pointer;height:38px;object-fit:cover;width:38px}.topbarIconCont{align-items:center;background-color:#e4edf5;border-radius:50%;display:flex;height:35px;justify-content:center;width:35px}.topbarIconCont:hover{background-color:#dcdcdc}.topbarIconCont:active{background-color:#d4cbcb}.topbarHomeIcon:after{background-color:blue;bottom:0;content:" ";display:block;height:2px;opacity:.5;position:absolute;width:30px}.topbarCenterIcon{align-items:center;border-radius:10px;display:flex;height:45px;justify-content:center;width:90px}.topbarCenterIcon:hover{background-color:#ece9e9}@media only screen and (max-width:1000px){.topbarCenter{display:none}}@media only screen and (max-width:600px){.searchbar{display:none}}.rightbar{flex:3.2 1;height:calc(100vh - 70px);margin-top:50px;overflow-y:scroll}.rightbarWrapper{padding:20px 20px 0 0}.birthdayContainer{align-items:center;display:flex;gap:10px}.birthdayImage{height:50px;object-fit:cover;width:50px}.birthdayText{font-size:15px}.rightbarAdImg{border-radius:5px;height:200px;margin-top:10px;width:100%}.rightbarTitle{color:grey;font-size:18px;font-weight:500;margin:10px 0}.rightbarFriendList{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.rightbarHr{margin:10px 0;opacity:.3}@media only screen and (max-width:600px){.rightbar{display:none}}.rightbarFriend{align-items:center;border-radius:5px;display:flex;height:47px;width:100%}.rightbarFriend:hover{background-color:#dcdcdc}.rightbarProfileImageCont{position:relative;width:45px}.rightbarProfileImage{border-radius:50%;cursor:pointer;height:35px;object-fit:cover;width:35px}.rightbarOnline{background-color:#32cd32;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:10px;top:25px;width:8px}.rightbarUsername{cursor:pointer;font-size:14px;opacity:.8}.App{box-sizing:border-box;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;margin:0;padding:0;position:relative;top:-8px}.profile{width:100%}.profileContainer{background-color:#f5f5f5;margin-top:55px}.profileCenter,.profileContainer{align-items:center;display:flex;flex-direction:column;width:100%}.profileCenter{background:#252525;background:linear-gradient(180deg,#474747 0,#000 0,#111 0,#1c1c1c 0,#2c2c2c 0,#595959 0,#575757 2%,#d1d1d1 30%,#fefefe 99%,#fff);box-shadow:0 1px 5px -1px rgba(0,0,0,.75);height:405px;margin:0}.profileCenterTop{height:75%;position:relative;width:70%}.coverPhoto{border-bottom-left-radius:8px;border-bottom-right-radius:8px;cursor:pointer;height:100%;object-fit:cover;width:100%}.editCoverPhotoBtn{align-items:center;border:none;border-radius:5px;bottom:10px;display:flex;height:35px;justify-content:center;position:absolute;right:20px;width:150px}.editCoverPhotoBtn:hover{background-color:#dcdcdc;cursor:pointer}.editCoverPhotoBtn:active{opacity:.7}.profileCenterDown{height:40%;position:relative;width:40%}.profileCenterDownCont{align-items:center;display:flex;gap:8px;left:-180px;position:absolute;top:-40px}.profilePhotoCont{border:4px solid #fff;border-radius:50%;height:160px;position:relative;width:160px}.profilePhoto{border-radius:50%;cursor:pointer;height:160px;object-fit:cover;width:160px}.profileUsername{cursor:pointer;font-size:30px;margin:0}.profileBottom{display:flex;justify-content:center;position:absolute;top:360px;width:100%}.profileBottomLeft{background-color:#fff;border-radius:10px;box-shadow:0 1px 5px -1px rgba(0,0,0,.75);margin-left:50px;margin-top:70px;width:clamp(30%,300px,300px)}.profileUserInfo{height:42%;margin-bottom:15px;text-align:center}.editBioButton{background-color:#dcdcdc;border:1.5px solid #ece0e0;border-radius:5px;cursor:pointer;font-size:medium;height:35px;opacity:.8;width:70%;width:95%}.editBioButton:hover{opacity:1}.profileMutualFriendCont{display:flex;flex-wrap:wrap;font-family:Arial,Helvetica,sans-serif;position:relative;width:100%}.mutualFriend{cursor:pointer;display:flex;flex-direction:column;margin-bottom:8px;margin-left:4px}.profileMutualFriendImg{border-radius:5px;height:100px;object-fit:cover;width:100px}.profileMutualFriendName{font-size:12px;width:80px}.profileBottomRight{width:clamp(50%,400px,400px)}.fbIcon{display:flex;left:0;position:fixed;top:0;z-index:4}@media only screen and (max-width:600px){.profileCenterTop{height:200px;width:100%}.profilePhoto,.profilePhotoCont{height:120px;width:120px}.profileCenterDownCont{left:-100px;top:-20px}.profileContainer{height:200px}.profileBottom{flex-direction:column;gap:50px;top:240px}.profileBottomLeft{box-shadow:none;height:100px}.profileUserInfo h4{display:none;margin:0}.profileMutualFriendCont{display:none}.editCoverPhotoBtn{width:80px}.editPicText{display:none}}@media only screen and (min-width:768px){.profileBottomLeft{height:640px}.profileMutualFriendCont{top:-75px}}@media only screen and (min-width:1200px){.profileBottomLeft{height:500px}.profileMutualFriendCont{top:0}}.login{background-color:#f0f8ff;height:97.54vh;margin:0;padding:0;width:100%}.loginWrapper{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.loginLeft{display:flex;flex-direction:column;height:300px;width:40%}.loginLogo{color:#5252c7;font-size:50px;margin-bottom:20px;margin-top:0}.loginLeftDesc{font-size:30px;opacity:.9}.loginRight{align-items:center;display:flex;flex-direction:column;gap:20px;height:500px;justify-content:center;width:40%}.loginBox{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.35);height:400px;width:400px}.loginForm{align-items:center;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;margin-top:10px}.loginInput{border:1.5px solid #eedbdb;border-radius:5px;font-size:16px;height:10px;padding:20px;width:300px}.loginInput:focus{border:1.5px solid #5050d4;outline:none}#loginBtn{background-color:#5050d4;border:none;border-radius:5px;color:#f0f8ff;font-size:20px;font-weight:700;height:50px;width:300px}#loginBtn:hover{background-color:#4949ce;cursor:pointer}.forgetPwd{text-decoration:none}.loginHr{color:#f0d8d8;width:300px}.loginCreateAc{align-items:center;display:flex;height:100px;justify-content:center}.loginCreateBtn{background-color:#0f8d43;border:none;border-radius:5px;color:#f0f8ff;font-size:16px;font-weight:700;height:50px;width:200px}.loginCreateBtn:hover{background-color:#127e36;cursor:pointer}@media only screen and (max-width:600px){.loginWrapper{flex-direction:column}.loginLeft{height:80px;width:100%}.loginLogo{align-items:center;display:flex;font-size:60px;justify-content:center}.loginLeftDesc{display:none}}.register{background-color:#f0f8ff;height:97.54vh;margin:0;padding:0;width:100%}.registerWrapper{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.registerLeft{display:flex;flex-direction:column;height:300px;width:40%}.registerLogo{color:#5252c7;font-size:50px;margin-bottom:20px;margin-top:0}.registerLeftDesc{font-size:30px;opacity:.9;width:90%}.registerRight{align-items:center;display:flex;flex-direction:column;gap:20px;height:600px;justify-content:center;width:40%}.registerBox{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.35);height:450px;width:400px}.registerForm{align-items:center;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;margin-top:10px}.registerInput{border:1.5px solid #eedbdb;border-radius:5px;font-size:16px;height:10px;padding:20px;width:300px}.registerInput:focus{border:1.5px solid #5050d4;outline:none}#registerBtn{background-color:#5050d4;border:none;border-radius:5px;color:#f0f8ff;font-size:20px;font-weight:700;height:50px;width:300px}#registerBtn:hover{background-color:#4949ce;cursor:pointer}.alreadyAc{text-decoration:none}.registerHr{color:#f0d8d8;width:300px}.registerLoginAc{align-items:center;display:flex;flex-direction:column;height:100px}.registerLoginBtn{background-color:#0f8d43;border:none;border-radius:5px;color:#f0f8ff;font-size:16px;font-weight:700;height:50px;width:200px}.registerLoginBtn:hover{background-color:#127e36;cursor:pointer}.registerUsername{margin-top:20px}@media only screen and (max-width:600px){.registerWrapper{flex-direction:column}.registerLeft{height:50px;width:100%}.registerLogo{align-items:center;display:flex;font-size:60px;justify-content:center}.registerLeftDesc{display:none}}@media only screen and (max-width:768px){.registerLeft{width:45%}}
/*# sourceMappingURL=main.04cac817.css.map*/