:root{--gradient:linear-gradient(180deg,#b8c3d2,#a0b6bf,#90a8a7,#87998e,#838878)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}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{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (min-width:1000px)and (max-width:2000px){.loginPage{box-sizing:border-box;height:100vh;width:100%}.loginPage .loginPageWrapper{position:relative}.loginPage .loginPageWrapper .login_Page_Left{align-items:center;background-image:radial-gradient(circle,#9cc0f2,#8fabf4,#9193f0,#9f76e4,#b251cf);border:1px solid #000;display:flex;float:left;height:100vh;justify-content:center}.loginPage .loginPageWrapper .login_Page_Left .loginPageAnimation{height:80%;object-fit:cover}.loginPage .loginPageWrapper .login_Page_Right{background:#fff}.loginPage .loginPageWrapper .login_Page_Right .login-logo-section{align-items:center;display:flex;justify-content:center;padding:10px}.loginPage .loginPageWrapper .login_Page_Right .login-logo-section .loginLogo{border-radius:50%;box-shadow:5px 5px 10px gray;height:80px;width:80px}.loginPage .loginPageWrapper .login_Page_Right .login-section{padding:10px}.loginPage .loginPageWrapper .login_Page_Right .login-section .loginHead{color:rgba(131,86,34,.952);font-weight:700;text-align:center}.loginPage .loginPageWrapper .login_Page_Right .login-section .loginBox{float:right;padding:10px}.loginPage .loginPageWrapper .login_Page_Right .login-section .loginBox .loginPassword,.loginPage .loginPageWrapper .login_Page_Right .login-section .loginBox .loginUserName{margin-bottom:1.2rem;padding-inline:5px}.loginPage .loginPageWrapper .login_Page_Right .login-section .loginBox .loginBtn{margin-left:5px;width:98%}.loginPage .loginPageWrapper .login_Page_Right .loginPageSignUp{display:flex;margin-left:5%;margin-top:10%}.loginPage .loginPageWrapper .login_Page_Right .loginPageSignUp .signUpLink{text-decoration:none}.loginPage .loginPageWrapper .login_Page_Right .loginPageSignUp .signUpLink:hover{text-decoration:underline}.loginPage .loginPageWrapper .login_Page_Right .login_Forget{display:flex}.loginPage .loginPageWrapper .login_Page_Right .login_Forget .Go_for_Forget{margin-left:5%;opacity:.7}.loginPage .loginPageWrapper .login_Page_Right .login_Forget .Go_for_Forget:hover{cursor:pointer;opacity:1;text-decoration:underline}}@media only screen and (min-width:250px)and (max-width:800px){.loginPage{background-image:radial-gradient(circle,#9cc0f2,#8fabf4,#9193f0,#9f76e4,#b251cf);height:100vh;overflow:hidden;width:100%}.loginPage .loginPageWrapper{display:flex;justify-content:center;padding:10px}.loginPage .loginPageWrapper .login_Page_Left{display:none}.loginPage .loginPageWrapper .login_Page_Right{background:#fff;margin-top:34%;min-height:400px}.loginPage .loginPageWrapper .login_Page_Right .login-logo-section{display:flex;justify-content:center!important;padding:10px}.loginPage .loginPageWrapper .login_Page_Right .login-logo-section .loginLogo{border-radius:50%;box-shadow:5px 5px 10px gray;height:40px;width:40px}.loginPage .loginPageWrapper .login_Page_Right .login-section{padding:10px}.loginPage .loginPageWrapper .login_Page_Right .login-section .loginHead{color:rgba(131,86,34,.952);font-weight:700;text-align:center}.loginPage .loginPageWrapper .login_Page_Right .login-section .loginBtn{font-size:16px}.loginPage .loginPageWrapper .loginPageSignUp{display:flex;margin-left:5%;margin-top:10%}.loginPage .loginPageWrapper .loginPageSignUp .signUpLink{text-decoration:none}.loginPage .loginPageWrapper .loginPageSignUp .signUpLink:hover{text-decoration:underline}.loginPage .loginPageWrapper .login_Forget{display:flex}.loginPage .loginPageWrapper .login_Forget .Go_for_Forget{margin-left:5%;opacity:.7}.loginPage .loginPageWrapper .login_Forget .Go_for_Forget:hover{cursor:pointer;opacity:1;text-decoration:underline}}@media only screen and (min-width:800px)and (max-width:1000px){.loginPage{background-image:radial-gradient(circle,#9cc0f2,#8fabf4,#9193f0,#9f76e4,#b251cf);box-sizing:border-box;height:100vh;overflow:hidden;width:100%}.loginPage .loginPageWrapper{display:flex;justify-content:center;padding:10px}.loginPage .loginPageWrapper .login_Page_Left{display:none}.loginPage .loginPageWrapper .login_Page_Right{background:#fff;border-radius:40px;margin-top:230px;min-height:600px;width:60%}.loginPage .loginPageWrapper .login_Page_Right .login-logo-section{display:flex;justify-content:center!important;padding:10px}.loginPage .loginPageWrapper .login_Page_Right .login-logo-section .loginLogo{border-radius:50%;box-shadow:5px 5px 10px gray;height:80px;width:80px}.loginPage .loginPageWrapper .login_Page_Right .login-section{padding:10px}.loginPage .loginPageWrapper .login_Page_Right .login-section .loginHead{color:rgba(131,86,34,.952);font-size:40px;font-weight:700;text-align:center}.loginPage .loginPageWrapper .login_Page_Right .login-section .loginBox .loginUserName{margin-bottom:30px;margin-left:40px;width:80%}.loginPage .loginPageWrapper .login_Page_Right .login-section .loginBox .loginBtn,.loginPage .loginPageWrapper .login_Page_Right .login-section .loginBox .loginPassword{margin-left:40px;width:80%}.loginPage .loginPageWrapper .login_Page_Right .loginPageSignUp{display:flex;margin-top:35px;padding:5px}.loginPage .loginPageWrapper .login_Page_Right .loginPageSignUp .GoForSignUp{font-size:20px;margin-left:15px;margin-top:10px}.loginPage .loginPageWrapper .login_Page_Right .loginPageSignUp .signUpLink{color:blue;cursor:pointer;font-weight:700;margin-left:5px;margin-top:13px;text-decoration:none}.loginPage .loginPageWrapper .login_Page_Right .loginPageSignUp .signUpLink:hover{text-decoration:underline}.loginPage .loginPageWrapper .login_Page_Right .login_Forget .Go_for_Forget{float:right;font-size:20px;margin-right:20px;margin-top:-50px;opacity:.7}.loginPage .loginPageWrapper .login_Page_Right .login_Forget .Go_for_Forget:hover{cursor:pointer;opacity:1;text-decoration:underline}}@media only screen and (min-width:1000px)and (max-width:2000px){.signUpPage{background-image:radial-gradient(circle,#9cc0f2,#8fabf4,#9193f0,#9f76e4,#b251cf);box-sizing:border-box;height:100vh;width:100%}.signUpPage .signUpPageWrapper{padding:10px;position:relative}.signUpPage .signUpPageWrapper .signUp_Page_Left{float:left}.signUpPage .signUpPageWrapper .signUp_Page_Left .signPageAnimation{height:400px;margin-left:150px;margin-top:140px;overflow:hidden;width:400px}.signUpPage .signUpPageWrapper .signUp_Page_Right{background:#fff;border-radius:40px;float:right;min-height:450px;width:450px}.signUpPage .signUpPageWrapper .signUp_Page_Right:hover{box-shadow:10px 11px 23px 0 #000}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-logo-section{display:flex;justify-content:center!important;padding:10px}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-logo-section .signUpLogo{border-radius:50%;box-shadow:5px 5px 10px gray;height:80px;width:80px}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section{padding:10px}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section .signUpHead{color:rgba(131,86,34,.952);font-weight:700;text-align:center}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section .signUpBox{padding:10px}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section .signUpBox .signUpPassword,.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section .signUpBox .signUpUserName{padding:5px}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section .signUpBox .signUpBtn{margin-bottom:10px;margin-left:5px;width:98%}.signUpPage .signUpPageWrapper .signUp_Page_Right .loginPageSignUp{display:flex}.signUpPage .signUpPageWrapper .signUp_Page_Right .loginPageSignUp .GoForLogin{font-size:15px;margin-left:15px}.signUpPage .signUpPageWrapper .signUp_Page_Right .loginPageSignUp .loginLink{color:blue;cursor:pointer;font-weight:700;margin-left:5px;text-decoration:none}.signUpPage .signUpPageWrapper .signUp_Page_Right .loginPageSignUp .loginLink:hover{text-decoration:underline}}@media only screen and (min-width:800px)and (max-width:1000px){.signUpPage{background-image:radial-gradient(circle,#9cc0f2,#8fabf4,#9193f0,#9f76e4,#b251cf);box-sizing:border-box;font-family:popins;height:100vh;overflow:hidden;width:100%}.signUpPage .signUpPageWrapper{display:flex;justify-content:center;padding:10px}.signUpPage .signUpPageWrapper .signUp_Page_Left{display:none}.signUpPage .signUpPageWrapper .signUp_Page_Right{background:#fff;border-radius:40px;box-shadow:9px 11px 23px 0 #131314;margin-top:280px;min-height:650px;padding:10px;width:70%}.signUpPage .signUpPageWrapper .signUp_Page_Right:hover{box-shadow:10px 11px 23px 0 #000}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-logo-section{display:flex;justify-content:center!important;padding:10px}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-logo-section .signUpLogo{border-radius:50%;box-shadow:5px 5px 10px gray;height:80px;width:80px}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section{height:600px;padding:5px;width:100%}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section .signUpHead{color:rgba(131,86,34,.952);font-size:40px;font-weight:700;text-align:center}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section .signUpBox{padding:10px}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section .signUpBox .signUpUserName{margin-bottom:20px;padding:5px}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section .signUpBox .signUpPassword{padding:5px}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section .signUpBox .signUpBtn{margin-bottom:10px;margin-left:5px;width:98%}.signUpPage .signUpPageWrapper .signUp_Page_Right .loginPageSignUp{display:flex}.signUpPage .signUpPageWrapper .signUp_Page_Right .loginPageSignUp .GoForLogin{font-size:15px;margin-left:15px}.signUpPage .signUpPageWrapper .signUp_Page_Right .loginPageSignUp .loginLink{color:blue;cursor:pointer;font-weight:700;margin-left:5px;text-decoration:none}.signUpPage .signUpPageWrapper .signUp_Page_Right .loginPageSignUp .loginLink:hover{text-decoration:underline}}@media only screen and (min-width:200px)and (max-width:800px){.signUpPage{background-image:radial-gradient(circle,#9cc0f2,#8fabf4,#9193f0,#9f76e4,#b251cf);box-sizing:border-box;font-family:popins;height:100vh;overflow:hidden;width:100%}.signUpPage .signUpPageWrapper{display:flex;justify-content:center;padding:10px}.signUpPage .signUpPageWrapper .signUp_Page_Left{display:none}.signUpPage .signUpPageWrapper .signUp_Page_Right{background:#fff;border-radius:40px;box-shadow:9px 11px 23px 0 #131314;margin-top:50px;min-height:450px;padding:10px;width:90%}.signUpPage .signUpPageWrapper .signUp_Page_Right:hover{box-shadow:10px 11px 23px 0 #000}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-logo-section{display:flex;justify-content:center!important;padding:10px}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-logo-section .signUpLogo{border-radius:50%;box-shadow:5px 5px 10px gray;height:80px;width:80px}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section{padding:5px;width:100%}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section .signUpHead{color:rgba(131,86,34,.952);font-size:40px;font-weight:700;text-align:center}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section .signUpBox{padding:10px}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section .signUpBox .signUpUserName{margin-bottom:20px;padding:5px}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section .signUpBox .signUpPassword{padding:5px}.signUpPage .signUpPageWrapper .signUp_Page_Right .signUp-section .signUpBox .signUpBtn{margin-bottom:10px;margin-left:5px;width:98%}.signUpPage .signUpPageWrapper .signUp_Page_Right .loginPageSignUp{display:flex}.signUpPage .signUpPageWrapper .signUp_Page_Right .loginPageSignUp .GoForLogin{font-size:15px;margin-left:15px}.signUpPage .signUpPageWrapper .signUp_Page_Right .loginPageSignUp .loginLink{color:blue;cursor:pointer;font-weight:700;margin-left:5px;text-decoration:none}.signUpPage .signUpPageWrapper .signUp_Page_Right .loginPageSignUp .loginLink:hover{text-decoration:underline}}.homeContainer{display:flex}.post{border:1px solid gray;border-radius:10px;margin:30px 0;object-fit:fill;overflow-y:hidden;width:100%}.post .postWrapper{padding:10px}.post .postWrapper .postTop{justify-content:space-between}.post .postWrapper .postTop,.post .postWrapper .postTop .postTopLeft{align-items:center;display:flex}.post .postWrapper .postTop .postTopLeft .postUserImg{border-radius:50%;height:40px;object-fit:cover;width:40px}.post .postWrapper .postTop .postTopLeft .postUserName{font-size:15px;font-weight:500;margin:0 10px}.post .postWrapper .postTop .postTopLeft .postTime{font-size:12px;opacity:.7;z-index:-1}.post .postWrapper .postTop .postTopRight{display:flex}.post .postWrapper .postTop .postTopRight .postHamburger{color:green;cursor:pointer}.post .postWrapper .postCenter .postText{margin-top:15px}.post .postWrapper .postCenter .postImgWrapper{display:flex;justify-content:center}.post .postWrapper .postCenter .postImgWrapper .postImg{cursor:pointer;margin-top:20px;min-width:300px;object-fit:cover;padding-bottom:5px}.post .postWrapper .postBottom{padding:10px}.post .postWrapper .postBottom .postComment,.post .postWrapper .postBottom .postLikeHert{font-size:30px;margin-right:10px}.post .postWrapper .postBottom .postSend{font-size:30px}.post .postWrapper .postBottom .postLikePeople{font-size:13px}@media only screen and (min-width:600px)and (max-width:2000px){.modal-content{border-bottom-left-radius:80px;height:550px;width:500px}.modal-content:hover{cursor:auto}.modal-content .modal-header{background:skyblue}.modal-content .modal-header .shareProfileImg{border-radius:50%;height:50px;width:50px}.modal-content .modal-header .modal-title{margin-left:10px}.modal-content .modal-body .modalInputSec .modalInput{border:none;height:100px;margin-bottom:-10px;margin-top:-10px;width:100%}.modal-content .modal-body .modalInputSec .modalInput:focus{outline:none}.modal-content .modal-body .modalUploadingItems{padding:6px}.modal-content .modal-body .modalUploadingItems .mediaUpload{border:none;border-radius:50%}.modal-content .modal-body .modalUploadingItems .mediaUpload:focus{outline:none}.modal-content .modal-body .shareButton{background:skyblue}.modal-content .modal-body .shareButton .shareButton{border:none}.modal-content .modal-body .shareButton .shareButton:hover{-webkit-transform:translate3D(0,-1px,0) scale(1);transform:translate3D(0,-1px,0) scale(1)}.modal-content .modal-body .shareButton .shareButton:focus{outline:none}.modal-content .modal-body .shareButton .sendIcon{width:60px}}@media only screen and (min-width:420px)and (max-width:600px){.modal-content{border-bottom-left-radius:80px;min-height:200px;padding:auto;width:100%}.modal-content:hover{cursor:auto}.modal-content .modal-header{background:skyblue}.modal-content .modal-header .shareProfileImg{border-radius:50%;height:50px;width:50px}.modal-content .modal-header .modal-title{margin-left:10px}.modal-content .modal-body .modalInputSec .modalInput{border:none;margin-bottom:-10px;margin-top:-10px;min-height:100px;width:100%}.modal-content .modal-body .modalInputSec .modalInput:focus{outline:none}.modal-content .modal-body .modalIconsWrapper{display:flex}.modal-content .modal-body .modalIconsWrapper .modalUploadingItems{display:flex;flex-wrap:wrap;padding:20px}.modal-content .modal-body .modalIconsWrapper .modalUploadingItems .modalTxt{display:none}.modal-content .modal-body .modalIconsWrapper .modalUploadingItems .mediaUpload{border:none;border-radius:50%}.modal-content .modal-body .modalIconsWrapper .modalUploadingItems .mediaUpload:focus{outline:none}.modal-content .modal-body .shareButton{background:skyblue}.modal-content .modal-body .shareButton .shareButton{border:none}.modal-content .modal-body .shareButton .shareButton:hover{-webkit-transform:translate3D(0,-1px,0) scale(1);transform:translate3D(0,-1px,0) scale(1)}.modal-content .modal-body .shareButton .shareButton:focus{outline:none}.modal-content .modal-body .shareButton .sendIcon{width:60px}}@media only screen and (min-width:200px)and (max-width:420px){.modal-content{border-bottom-left-radius:80px;min-height:200px;padding:auto;width:100%}.modal-content:hover{cursor:auto}.modal-content .modal-header{background:skyblue}.modal-content .modal-header .shareProfileImg{border-radius:50%;height:50px;width:50px}.modal-content .modal-header .modal-title{margin-left:10px}.modal-content .modal-body .modalInputSec .modalInput{border:none;margin-bottom:-10px;margin-top:-10px;min-height:100px;width:100%}.modal-content .modal-body .modalInputSec .modalInput:focus{outline:none}.modal-content .modal-body .modalIconsWrapper{display:flex}.modal-content .modal-body .modalIconsWrapper .modalUploadingItems{display:flex;flex-wrap:wrap;padding:10px}.modal-content .modal-body .modalIconsWrapper .modalUploadingItems .modalTxt{display:none}.modal-content .modal-body .modalIconsWrapper .modalUploadingItems .mediaUpload{border:none;border-radius:50%}.modal-content .modal-body .modalIconsWrapper .modalUploadingItems .mediaUpload:focus{outline:none}.modal-content .modal-body .shareButton{background:skyblue}.modal-content .modal-body .shareButton .shareButton{border:none}.modal-content .modal-body .shareButton .shareButton:hover{-webkit-transform:translate3D(0,-1px,0) scale(1);transform:translate3D(0,-1px,0) scale(1)}.modal-content .modal-body .shareButton .shareButton:focus{outline:none}.modal-content .modal-body .shareButton .sendIcon{width:50px}}@media only screen and (min-width:1078px)and (max-width:2000px){.share{border:1px solid gray;border-radius:10px;flex-wrap:wrap;height:170px;width:100%}.share .shareWrapper{flex-wrap:wrap;padding:10px}.share .shareWrapper .shareTop{align-items:center;display:flex}.share .shareWrapper .shareTop .shareProfileImg{border-radius:50%;cursor:pointer;height:60px;margin-right:10px;object-fit:cover;width:60px}.share .shareWrapper .shareTop .shareInpt{border:none;height:50px;width:80%}.share .shareWrapper .shareTop .shareInpt:focus{outline:none}.share .shareWrapper .shareHrline{margin:20px}.share .shareWrapper .shareBottom{align-items:center;cursor:pointer;display:flex}.share .shareWrapper .shareBottom .btn-modal{border:none;font-size:17px}.share .shareWrapper .shareBottom .shareMediaIcon{color:#e72525;z-index:-1}.share .shareWrapper .shareBottom .shareMediaTxt{color:#000;font-size:17px;padding-right:0}.share .shareWrapper .shareBottom .shareTag{color:blue;cursor:pointer}.share .shareWrapper .shareBottom .shareTagTxt{font-size:17px;padding-right:10px}.share .shareWrapper .shareBottom .shareLocationIcon{color:green;cursor:pointer;padding-left:2px}.share .shareWrapper .shareBottom .shareLocation{padding-right:15px}.share .shareWrapper .shareBottom .shareEmojiIcon{color:#f1c166;cursor:pointer}.share .shareWrapper .shareButton{float:right;right:20px;top:-35px;z-index:-1}.share .shareWrapper .shareButton.outside{position:absolute;right:10%!important;top:10px!important}.share .shareWrapper .shareButton:hover{box-shadow:3px 3px 5px gray}}@media only screen and (min-width:800px)and (max-width:1078px){.share{border:1px solid gray;border-radius:10px;flex-wrap:wrap;min-height:170px;width:100%}.share .shareWrapper{flex-wrap:wrap;padding:10px;position:relative}.share .shareWrapper .shareTop{align-items:center;display:flex}.share .shareWrapper .shareTop .shareProfileImg{border-radius:50%;cursor:pointer;height:60px;margin-right:10px;object-fit:cover;width:60px}.share .shareWrapper .shareTop .shareInpt{border:none;height:50px;width:80%}.share .shareWrapper .shareTop .shareInpt:focus{outline:none}.share .shareWrapper .shareHrline{margin:20px}.share .shareWrapper .shareBottom{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap}.share .shareWrapper .shareBottom .btn-modal{border:none;font-size:17px}.share .shareWrapper .shareBottom .shareMediaIcon{color:#e72525;z-index:-1}.share .shareWrapper .shareBottom .shareMediaTxt{color:#000;flex-wrap:wrap;font-size:15px;padding-right:10px}.share .shareWrapper .shareBottom .shareTag{color:blue;cursor:pointer}.share .shareWrapper .shareBottom .shareTagTxt{font-size:17px;padding-right:10px}.share .shareWrapper .shareBottom .shareLocationIcon{color:green;cursor:pointer;padding-left:2px}.share .shareWrapper .shareBottom .shareLocation{padding-right:15px}.share .shareWrapper .shareBottom .shareEmojiIcon{color:#f1c166;cursor:pointer;flex-wrap:wrap}.share .shareWrapper .shareButton{float:right;right:20px;top:-35px;z-index:-1}.share .shareWrapper .shareButton:hover{box-shadow:3px 3px 5px gray}}@media only screen and (min-width:668px)and (max-width:800px){.share{border:1px solid gray;border-radius:10px;flex-wrap:wrap;min-height:170px;width:100%}.share .shareWrapper{flex-wrap:wrap;padding:10px}.share .shareWrapper .shareTop{align-items:center;display:flex}.share .shareWrapper .shareTop .shareProfileImg{border-radius:50%;cursor:pointer;height:60px;margin-right:10px;object-fit:cover;width:60px}.share .shareWrapper .shareTop .shareInpt{border:none;height:50px;width:80%}.share .shareWrapper .shareTop .shareInpt:focus{outline:none}.share .shareWrapper .shareHrline{margin:20px}.share .shareWrapper .shareBottom{align-items:center;cursor:pointer;flex-wrap:wrap}.share .shareWrapper .shareBottom .btn-modal{border:none;font-size:17px}.share .shareWrapper .shareBottom .picAndVidUpl{margin-bottom:-10px;margin-left:-17px}.share .shareWrapper .shareBottom .picAndVidUpl .shareMediaIcon{color:#e72525;z-index:-1}.share .shareWrapper .shareBottom .picAndVidUpl .shareMediaTxt{margin-left:-5px}.share .shareWrapper .shareBottom .shareTag{color:blue;cursor:pointer}.share .shareWrapper .shareBottom .shareTagTxt{font-size:17px;padding-right:10px}.share .shareWrapper .shareBottom .shareLocationIcon{color:green;cursor:pointer;padding-left:2px}.share .shareWrapper .shareBottom .shareLocation{padding-right:15px}.share .shareWrapper .shareBottom .shareEmojiIcon{color:#f1c166;cursor:pointer;flex-wrap:wrap}.share .shareWrapper .shareButton{float:right;right:20px;top:-35px;z-index:-1}.share .shareWrapper .shareButton:hover{box-shadow:3px 3px 5px gray}}@media only screen and (min-width:200px)and (max-width:668px){.share{border:1px solid gray;border-radius:10px;flex-wrap:wrap;min-height:170px;width:100%}.share .shareWrapper{flex-wrap:wrap;padding:10px}.share .shareWrapper .shareTop{align-items:center;display:flex}.share .shareWrapper .shareTop .shareProfileImg{border-radius:50%;cursor:pointer;height:60px;margin-right:10px;object-fit:cover;width:60px}.share .shareWrapper .shareTop .shareInpt{border:none;height:50px;width:80%}.share .shareWrapper .shareTop .shareInpt:focus{outline:none}.share .shareWrapper .shareHrline{margin:20px}.share .shareWrapper .shareBottom{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap}.share .shareWrapper .shareBottom .btn-modal{border:none;font-size:17px}.share .shareWrapper .shareBottom .picAndVidUpl{margin-left:-17px}.share .shareWrapper .shareBottom .picAndVidUpl .shareMediaIcon{color:#e72525;z-index:-1}.share .shareWrapper .shareBottom .picAndVidUpl .shareMediaTxt{margin-left:-5px}.share .shareWrapper .shareBottom .shareTag{color:blue;cursor:pointer}.share .shareWrapper .shareBottom .shareTagTxt{font-size:17px;padding-right:10px}.share .shareWrapper .shareBottom .shareLocationIcon{color:green;cursor:pointer;padding-left:2px}.share .shareWrapper .shareBottom .shareLocation{padding-right:15px}.share .shareWrapper .shareBottom .shareEmojiIcon{color:#f1c166;cursor:pointer;flex-wrap:wrap}.share .shareWrapper .shareButton{float:right;right:20px;top:-35px;z-index:-1}.share .shareWrapper .shareButton:hover{box-shadow:3px 3px 5px gray}}.preview-container{position:relative;width:200px}.preview-container>img{object-fit:cover}.preview-container>span{cursor:pointer;font-size:20px;left:90%;position:absolute;top:-10px}.feed{flex:5.5 1;height:750px;margin-bottom:20px;overflow-y:scroll}.feed::-webkit-scrollbar{width:1px}.feed .feedWrapper{padding:20px}@media only screen and (min-width:668px)and (max-width:2000px){.containerBox .sideBar{flex:3 1;height:calc(100vh - 50px);overflow-y:scroll}.containerBox .sideBar::-webkit-scrollbar{width:5px}.containerBox .sideBar::-webkit-scrollbar-track{background:#fff}.containerBox .sideBar::-webkit-scrollbar-thumb{background:hsla(0,1%,69%,.61)}.containerBox .sideBar .sideBarWrapper{padding:20px}.containerBox .sideBar .sideBarWrapper .sideBarlist .sideBarListItem{align-items:center;display:flex;list-style:none;margin-bottom:20px}.containerBox .sideBar .sideBarWrapper .sideBarlist .sideBarListItem .sideBarIcon{margin-right:10px}.containerBox .sideBar .sideBarWrapper .sideBarShowBtn{border:none;border-radius:10px;box-shadow:5px 8px 10px gray;margin-bottom:5px;margin-left:19px;padding:10px;width:150px}.containerBox .sideBar .sideBarWrapper .sideBarhr{margin-bottom:20px}.containerBox .sideBar .sideBarWrapper .sideBarFriendLists{list-style:none;margin:0;padding:0}.containerBox .sideBar .sideBarWrapper .sideBarFriendLists .sideBarFriend{align-items:center;display:flex;margin-bottom:15px}.containerBox .sideBar .sideBarWrapper .sideBarFriendLists .sideBarFriend .sideBarfriendImage{border-radius:50%;height:32px;margin-left:15px;margin-right:10px;object-fit:cover;width:32px}.containerBox .hamburger{display:none}}@media only screen and (min-width:0px)and (max-width:668px){.containerBox .sideBar{display:none}.containerBox .hamburger{display:flex}}@media only screen and (min-width:668px)and (max-width:2000px){.topBarContainer{align-items:center;background-image:var(--gradient);border-bottom:1px solid gray;display:flex;height:50px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}.topBarContainer .topBarLeft{flex:3 1}.topBarContainer .topBarLeft .hamburger,.topBarContainer .topBarLeft .hamburger .hamburgerIcon{display:none}.topBarContainer .topBarLeft .logo1{cursor:pointer;height:70px;margin-left:17px;width:70px}.topBarContainer .topBarCenter{display:flex}.topBarContainer .topBarCenter .searchBar{align-items:center;background:#fff;border-radius:30px;display:flex;height:40px;margin-left:90px;width:100%}.topBarContainer .topBarCenter .searchBar .searchIcon{font-size:20px;margin-inline:10px}.topBarContainer .topBarCenter .searchBar .searchInput{border:none;border-radius:20px;width:70%}.topBarContainer .topBarCenter .searchBar .searchInput:focus{outline:none}.topBarContainer .topBarRight{display:flex}.topBarContainer .topBarRight ul{display:flex;margin-left:-20px;margin-right:40px}.topBarContainer .topBarRight ul li{list-style-type:none;padding:20px;text-decoration:none}.topBarContainer .topBarRight ul li a{color:#000;font-weight:700;opacity:.7;position:relative;text-decoration:none;top:7px}.topBarContainer .topBarRight ul li a:hover{opacity:1}.topBarContainer .topBarIcons{display:flex}.topBarContainer .topBarIcons .iconWrappers{display:flex;margin-left:5px}.topBarContainer .topBarIcons .iconWrappers .homeIcon{display:none}.topBarContainer .topBarIcons .iconWrappers .topbarIconItem{cursor:pointer;padding:10px;position:relative;right:79px}.topBarContainer .topBarIcons .iconWrappers .notificationBadge{background:#f53333;border-radius:50%;color:#fff;font-size:14px;height:20px;position:absolute;right:-1px;text-align:center;top:-2px;width:20px}.topBarContainer .topBarIcons .profileSection .profile-pic{border-radius:50%;cursor:pointer;height:40px;object-fit:cover;position:relative;right:20px;top:5px;width:40px}.topBarContainer .topBarIcons .profileSection .profilePicOffCanvas{border-radius:50%;cursor:pointer;height:60px;object-fit:cover;width:60px}.topBarContainer .topBarIcons .profileSection .offcanvas-header{background-image:linear-gradient(180deg,#b8c3d2,#a0b6bf,#90a8a7,#87998e,#838878)}.topBarContainer .hamburger{display:none}}@media only screen and (min-width:400px)and (max-width:668px){.topBarContainer{align-items:center;border-bottom:1px solid #b9b5b5;display:flex;height:50px;position:-webkit-sticky;position:sticky;top:0;width:100%!important;z-index:2}.topBarContainer .topBarLeft{flex:3 1}.topBarContainer .topBarLeft .hamburger{display:flex}.topBarContainer .topBarLeft .logo1{display:none}.topBarContainer .topBarCenter{display:none;flex-wrap:wrap}.topBarContainer .topBarCenter .searchBar{align-items:center;background:#fff;border-radius:30px;display:flex;height:30%;width:100%}.topBarContainer .topBarCenter .searchBar .searchIcon{font-size:20px!important;margin-left:10px!important}.topBarContainer .topBarCenter .searchBar .searchInput{border:none;width:70%}.topBarContainer .topBarCenter .searchBar .searchInput:focus{outline:none}.topBarContainer .topBarRight{flex:4 1}.topBarContainer .topBarRight ul{display:none}.topBarContainer .topBarIcons,.topBarContainer .topBarIcons .iconWrappers{display:flex}.topBarContainer .topBarIcons .iconWrappers .topbarIconItem{cursor:pointer;padding:10px;position:relative;right:79px}.topBarContainer .topBarIcons .iconWrappers .notificationBadge{background:#f53333;border-radius:50%;color:#fff;font-size:14px;height:20px;position:absolute;right:-1px;text-align:center;top:-2px;width:20px}.topBarContainer .topBarIcons .profileSection .profile-pic{border-radius:50%;cursor:pointer;height:40px;object-fit:cover;position:relative;right:20px;top:5px;width:40px}.topBarContainer .topBarIcons .profileSection .profilePicOffCanvas{border-radius:50%;cursor:pointer;height:60px;object-fit:cover;width:60px}.topBarContainer .topBarIcons .profileSection .offcanvas-header{background-image:linear-gradient(180deg,#b8c3d2,#a0b6bf,#90a8a7,#87998e,#838878)}}@media only screen and (min-width:300px)and (max-width:400px){.topBarContainer{align-items:center;border-bottom:1px solid #b9b5b5;display:flex;height:50px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2}.topBarContainer .topBarLeft .hamburger{display:flex}.topBarContainer .topBarCenter,.topBarContainer .topBarLeft .logo1{display:none}.topBarContainer .topBarCenter .searchBar{align-items:center;background:#fff;border-radius:30px;display:flex;height:30%;width:100%}.topBarContainer .topBarCenter .searchBar .searchIcon{font-size:20px!important;margin-left:10px!important}.topBarContainer .topBarCenter .searchBar .searchInput{border:none;width:70%}.topBarContainer .topBarCenter .searchBar .searchInput:focus{outline:none}.topBarContainer .topBarRight{position:relative}.topBarContainer .topBarRight ul{display:none}.topBarContainer .topBarIcons{display:flex;flex-wrap:wrap}.topBarContainer .topBarIcons .iconWrappers{display:flex;margin-left:120px;margin-top:auto}.topBarContainer .topBarIcons .iconWrappers .topbarIconItem{cursor:pointer;padding:10px;position:relative;right:79px}.topBarContainer .topBarIcons .iconWrappers .notificationBadge{background:#f53333;border-radius:50%;color:#fff;font-size:14px;height:20px;position:absolute;right:-1px;text-align:center;top:-2px;width:20px}.topBarContainer .topBarIcons .profileSection .profile-pic{border-radius:50%;cursor:pointer;height:40px;object-fit:cover;position:relative;right:20px;top:5px;width:40px}.topBarContainer .topBarIcons .profileSection .profilePicOffCanvas{border-radius:50%;cursor:pointer;height:60px;object-fit:cover;width:60px}.topBarContainer .topBarIcons .profileSection .offcanvas-header{background-image:linear-gradient(180deg,#b8c3d2,#a0b6bf,#90a8a7,#87998e,#838878)}}.profileSection .offcanvas-body{display:flex}.profileSection .offcanvas-body .profileList{overflow-x:hidden;overflow-y:scroll}.profileSection .offcanvas-body .profileList::-webkit-scrollbar{overflow:hidden}.profileSection .offcanvas-body .profileList .profilelistWrap{align-items:center;color:#000;display:block;display:flex;padding:10px;width:400px}.profileSection .offcanvas-body .profileList .profilelistWrap span{margin-left:10px}.profileSection .offcanvas-body .profileList .profilelistWrap:hover{background-image:var(--gradient);color:#fff;cursor:pointer}.profileSection .offcanvas-body .profileList .profilelistWrap .profileIcons{font-size:30px}@media only screen and (min-width:830px)and (max-width:2000px){.rightBar{flex:3 1;height:100vh}.rightBar .rightBarWraper{margin-top:20px;padding:10px}.rightBar .rightBarWraper .rightSectionADS{height:200px;margin-bottom:30px;margin-left:50px;object-fit:cover;overflow:hidden;width:200px}.rightBar .rightBarWraper .rightBarADS{box-shadow:9px 11px 23px 0 #131314;height:440px;object-fit:cover;overflow:hidden;width:300px}}@media only screen and (min-width:0px)and (max-width:830px){.rightBar{display:none}}.myPost{height:100vh}.myPost .myPostWrapper{overflow:hidden}.myPost .myPostWrapper .myPostBody .myPostTopBar .myPostTopBarSection .backgroundImg{display:flex;margin-top:0}.myPost .myPostWrapper .myPostBody .myPostTopBar .myPostTopBarSection .backgroundImg .profilebackgroundImg{height:300px;object-fit:cover;width:100%;z-index:-1}.myPost .myPostWrapper .myPostBody .myPostTopBar .myPostTopBarSection .myPostTopBarProfile{background:#fff;border-radius:40px;display:flex;height:200px;justify-content:center;width:100%;z-index:2}.myPost .myPostWrapper .myPostBody .myPostTopBar .myPostTopBarSection .myPostTopBarProfile .profileCard{box-shadow:3px 2px 20px #ddd9d9;display:flex;justify-content:center;width:50%}.myPost .myPostWrapper .myPostBody .myPostTopBar .myPostTopBarSection .myPostTopBarProfile .myPostTopBarProfileBG{justify-content:center}.myPost .myPostWrapper .myPostBody .myPostTopBar .myPostTopBarSection .myPostTopBarProfile .myPostTopBarProfileBG .myPostTopBarProfileImg{border:5px solid #fff;border-radius:50%;height:120px;margin-top:-50px;width:120px}.myPost .myPostWrapper .myPostBody .myPostTopBar .myPostTopBarSection .myPostTopBarProfile .myPostTopBarProfileBG .myPostTopBarUserName{font-size:30px;font-weight:700}.myPost .myPostWrapper .myPostBody .myPostTopBar .myPostTopBarSection .myPostTopBarProfile .myPostTopBarProfileBG .myPostTopBarProfileAbout{position:relative;text-align:center}.myPost .myPostWrapper .myPostBody .myPostLeftBar{background:gray;border-top-right-radius:100px;float:left;height:650px;margin-left:10px;overflow:hidden;width:300px}.myPost .myPostWrapper .myPostBody .myPostListSections{border-radius:10px;box-shadow:10px 5px 10px gray;float:right;margin:30px 0;max-height:600px;object-fit:fill;overflow-y:hidden;width:400px}.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem{padding:10px}.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem .postTop{align-items:center;display:flex;justify-content:space-between}.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem .postTop .postTopLeft{align-items:center;display:flex}.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem .postTop .postTopLeft .postUserImg{border-radius:50%;height:40px;object-fit:cover;width:40px}.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem .postTop .postTopLeft .postUserName{font-size:15px;font-weight:500;margin:0 10px}.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem .postTop .postTopLeft .postTime{font-size:12px;opacity:.7;z-index:-1}.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem .postTop .postTopRight{display:flex}.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem .postTop .postTopRight .postHamburger{color:green;cursor:pointer}.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem .postCenter .postText{margin-top:15px}.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem .postCenter .postImgWrapper{display:flex;justify-content:center}.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem .postCenter .postImgWrapper .postImg{cursor:pointer;height:400px;margin-top:50px;min-width:300px;object-fit:cover}.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem .postBottom{padding:10px}.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem .postBottom .postComment,.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem .postBottom .postLikeHert{font-size:30px;margin-right:10px}.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem .postBottom .postSend{font-size:30px}.myPost .myPostWrapper .myPostBody .myPostListSections .myPostItem .postBottom .postLikePeople{font-size:13px}.profile-card{box-shadow:3px 2px 20px #ddd9d9;min-height:8rem;padding-block:2rem;position:relative}.profile-image{border-radius:50%;height:100px;position:absolute;right:50%;top:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);width:100px}
/*# sourceMappingURL=main.633c29fc.css.map*/