@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@300&display=swap);.container{background-color:#f1f1f1;display:flex;margin-top:80px;min-height:calc(100vh - 80px);width:100%}.sidebar{transition:all .5s linear}.register-container{align-items:center;background-color:#f1f1f1;display:flex;font-family:Poppins,sans-serif;gap:100px;height:100vh;justify-content:center;overflow-x:hidden}.register-title{color:#4e4eff;font-size:70px}.register-text{font-size:30px}.register-credentials{align-items:center;background-color:#fff;border-radius:10px;display:flex;justify-content:center;padding:40px 0;text-align:center;width:400px}.register-form{align-items:center;display:flex;flex-direction:column;gap:20px}.register-form>input{font-size:20px;padding:10px}.btn-register{background-color:#36fd36;border:none;border-radius:10px;color:#fff;font-size:20px;height:50px;width:100px}.register-login{color:blue}@media only screen and (max-width:1250px){.register-container,.register-heading{flex-direction:column}.register-heading{align-items:center;display:flex}.register-text{text-align:center}}.login-container{align-items:center;background-color:#f1f1f1;display:flex;font-family:Poppins,sans-serif;gap:100px;height:100vh;justify-content:center;overflow-x:hidden}.login-title{color:#4e4eff;font-size:70px}.login-text{font-size:30px}.login-credentials{background-color:#fff;border-radius:10px;height:400px;justify-content:center;text-align:center;width:400px}.login-credentials,.login-form{align-items:center;display:flex}.login-form{flex-direction:column;gap:20px}.login-form>input{font-size:20px;padding:10px}.btn-login{background-color:#36fd36;border:none;border-radius:10px;color:#fff;font-size:20px;height:50px;width:100px}.login-register{color:blue}@media only screen and (max-width:1250px){.login-container,.login-heading{flex-direction:column}.login-heading{align-items:center;display:flex}.login-text{text-align:center}}.profile-container{align-items:center;background-color:#f1f1f1;display:flex;flex-direction:column}.profile-center{display:flex;width:70%}@media only screen and (max-width:1000px){.profile-center{flex-direction:column;width:80%}}@media only screen and (max-width:550px){.profile-center{width:100%}}.profile-top-container{background-color:#fff;margin-top:80px;padding-bottom:10px;width:70%}.images{height:400px;position:relative}.cover-image{height:100%;object-fit:cover;width:100%}.profile-image{background-color:#fff;border-radius:50%;height:200px;left:50%;object-fit:cover;position:absolute;top:95%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:200px}.user-info{margin:100px auto 0;text-align:center;width:400px}@media only screen and (max-width:1000px){.profile-top-container{width:90%}}@media only screen and (max-width:550px){.profile-top-container{width:100%}}@media only screen and (max-width:850px){.center{max-width:100%}}.center{flex:7 1;padding:20px}.add-post-container{background-color:#fff;border-radius:10px;box-shadow:1px 0 4px 2px hsla(0,0%,83%,.72);-webkit-box-shadow:1px 0 4px 2px hsla(0,0%,83%,.72);-moz-box-shadow:1px 0 4px 2px hsla(0,0%,83%,.72);padding:20px;width:100%}.add-post-top{align-items:center;display:flex;gap:20px}.add-post-input{border:none;resize:none;width:80%}.add-post-input:focus{outline:none}.add-post-top>img{border-radius:50%;height:56px;object-fit:cover;width:56px}.add-post-hr{margin:20px auto;width:90%}.add-post-bottom{align-items:center;display:flex;justify-content:space-between;margin-right:30px}.add-post-options{display:flex;gap:10px}.add-post-option{align-items:center;margin-left:30px}.add-post-option,.add-post-option>label{cursor:pointer;display:flex;gap:3px}.share-btn{background-color:#4f924f;border:1px solid #fff;border-radius:10px;color:#fff;height:40px;width:70px}.preview-container{display:flex;justify-content:flex-start;position:relative}#preview{height:300px;max-width:100%;object-fit:contain}.cancel{left:10px;position:absolute;top:10px}.post-container{background-color:#fff;border-radius:10px;box-shadow:1px 0 4px 2px hsla(0,0%,83%,.72);-webkit-box-shadow:1px 0 4px 2px hsla(0,0%,83%,.72);-moz-box-shadow:1px 0 4px 2px hsla(0,0%,83%,.72);margin-top:20px;padding:20px;width:100%}.post-top-container{display:flex;justify-content:space-between}.post-top{align-items:center;display:flex;gap:10px}.post-user-image{border-radius:50%;height:40px;object-fit:cover;width:40px}.post-username{font-size:20px;font-weight:600}.post-time{font-size:15px}.post-description{font-size:20px;margin-top:20px}.post-image{border-radius:10px;margin-top:20px;object-fit:contain;width:100%}.post-bottom{display:flex;flex-direction:column;gap:10px}.post-counts{margin-left:10px;width:50%}.post-attributes,.post-counts{display:flex;justify-content:space-between}.post-attributes{border-bottom:1px solid rgba(0,0,0,.287);border-top:1px solid rgba(0,0,0,.287);padding:10px 0}.attribute{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.profile-intro-container{background-color:#fff;border-radius:10px;display:flex;flex:4 1;flex-direction:column;gap:5px;height:-webkit-max-content;height:max-content;margin:20px;padding:20px;position:-webkit-sticky;position:sticky;top:0}.user-friend-heading{margin-top:50px}.user-friends{display:flex;flex-wrap:wrap;gap:10px}.user-friend{border-radius:20px;height:100px;object-fit:cover;width:100px}@media only screen and (max-width:1000px){.profile-intro-container{position:relative}}@media only screen and (max-width:550px){.profile-intro-heading,.user-friend-heading{font-size:20px}}.follow-btn{background-color:#7a7afa;border:none;border-radius:10px;margin:0 auto;width:-webkit-max-content;width:max-content}.follow-div{color:#fff;display:flex;font-size:20px;justify-content:center;padding:5px 10px}.topbar-container{align-items:center;background-color:#5959ff;color:#fff;display:flex;height:80px;position:fixed;top:0;width:100%;z-index:10}.logo-container{flex:4 1}.logo{margin-left:40px}.logo-image{width:100%}.search-container{align-items:center;background-color:#fff;background-color:#f1f1f1;border-radius:20px;display:flex;flex:6 1;gap:5px;padding:5px 10px}.search-input{width:100%}.search-input>input{background-color:#f1f1f1;border:none;height:100%;width:70%}.search-input>input:focus{outline:none}.search-icon{color:#000!important}.pages-container{align-items:center;display:flex;flex:2 1;height:100%}.pages{display:flex;font-size:22px;gap:10px;justify-content:center;width:100%}.pages>li{cursor:pointer;list-style:none}.links-container{align-items:center;display:flex;flex:2 1;height:100%;justify-content:center}.links{display:flex;gap:10px}.links>li{position:relative}.link{font-size:25px!important}.count{background-color:red;border-radius:50%;color:#fff;height:16px;left:15px;position:absolute;top:-5px;width:16px}.count,.profile-pic-container{align-items:center;display:flex;justify-content:center}.profile-pic-container{flex:1 1;height:100%}.profile-pic{background-color:#fff;border-radius:50%;height:40px;object-fit:cover;width:40px}a{color:#fff}.logout-container{display:flex;flex:1 1}.logout{cursor:pointer}.bars,.close,.sidebar{display:none}@media only screen and (max-width:1100px){.logo-container{flex:2 1}.search-container{flex:3 1}.links-container,.pages-container{display:none}}@media only screen and (max-width:850px){.logo{margin-left:0}}@media only screen and (max-width:550px){.logout-container,.profile-pic-container,.search-container{display:none}.bars,.logo-container{flex:1 1}.bars{display:flex;justify-content:right;padding-right:20px}.sidebar{background-color:#8080ff;display:flex;height:100vh;opacity:0;position:absolute;right:0;top:0;visibility:hidden;width:0}.show{opacity:1;visibility:visible;width:70%}.close{display:flex;position:absolute;right:20px;top:20px}.profile-items{align-items:center;display:flex;flex-direction:column;gap:20px;padding-top:50px;width:100%}.profile-item>a{color:#fff;font-size:30px}}.search-body{background-color:#eee;min-height:100vh;width:100%}.search-wrapper{background-color:#fff;margin:80px auto 0;padding:20px 5%;width:50%}.search-title{margin-bottom:20px}.search-people{display:flex;flex-direction:column;gap:20px}.search-person{justify-content:space-between}.search-person,.search-person-details{align-items:center;display:flex;gap:20px}.search-person-image{border-radius:50%;height:100px;object-fit:cover;width:100px}.search-person-button{background-color:#7a7aff;color:#fff;font-size:20px;height:60px}.search-mobile{display:none}.search-error{font-size:18px;margin:0 auto}@media only screen and (max-width:1200px){.search-wrapper{width:70%}}@media only screen and (max-width:650px){.search-wrapper{width:100%}.search-person-image{height:80px;width:80px}.search-title{font-size:20px}.search-person-button{background-color:#7a7aff;color:#fff;font-size:15px;height:40px}.search-person-name{font-size:15px}}@media only screen and (max-width:550px){.search-mobile{background-color:#eee;border-radius:20px;display:flex;margin-bottom:10px;padding:10px}.search-mobile-input{display:flex;width:100%}.search-mobile-input>input{flex:1 1}}.leftbar{flex:4 1;height:calc(100vh - 80px);overflow-y:scroll;padding:20px;position:-webkit-sticky;position:sticky;top:80px}.options{flex-direction:column}.option,.options{display:flex;gap:20px}.option{align-items:center;font-size:20px}.option-icon{font-size:30px!important}.options-show-more-btn{background-color:#5959ff;border:none;color:#fff;margin-left:10px;margin-top:20px;padding:10px 25px}.leftbar-hr{margin:20px 0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}.leftbar-friends{display:flex;flex-direction:column;gap:10px}.leftbar-friend{align-items:center;display:flex;gap:20px}.leftbar-friend>img{border-radius:50%;height:40px;object-fit:cover;width:40px}.rightbar{flex:4 1;padding:20px}.rightbar-title{margin-bottom:20px}@media only screen and (max-width:850px){.rightbar{display:none}}.online-friends{display:flex;flex-direction:column;gap:10px}.friend-image{border-radius:50%;height:40px;object-fit:cover;width:40px}.friend{align-items:center;display:flex;gap:10px;position:relative}.online-icon{border-radius:50%;color:#4f924f;font-size:15px!important;left:25px;position:absolute;top:-4px}a{color:#000}@media only screen and (max-width:1100px){.leftbar{display:none}}.admin-container{background-color:#eee;display:flex;min-height:100vh;width:100%}.admin-main{display:flex;flex-direction:column;width:100%}.admin-title{background-color:#fff;display:grid;height:100px;place-content:center;width:100%}.admin-logo-container{height:100px;width:400px}.admin-logo{width:100%}.admin-aside{background-color:#fff;min-height:100vh;width:400px}.admin-list{align-items:center;display:flex;flex-direction:column;font-size:25px;gap:10px}.select{background-color:#eee;border-bottom-left-radius:20px;border-top-left-radius:20px;display:flex;justify-content:center;width:100%}button,li{cursor:pointer}button{background-color:#6060fb;border:none;color:#fff;margin-left:2px;padding:5px 10px}.admin-post-container{padding-left:10px}.post-list{flex-direction:column;gap:10px}.post-list,.post-list tr{display:flex}.post-list td,.post-list th{text-align:left;width:100%}.admin-post{background-color:#fff;padding:10px;width:100%}td{padding:5px}.admin-pics{width:80%}.admin-user-container{padding-left:10px}.user-list{flex-direction:column;gap:10px}.user-list,.user-list tr{display:flex}.user-list td,.user-list th{text-align:left;width:100%}.admin-user{background-color:#fff;padding:10px;width:100%}tbody{display:flex;flex-direction:column;gap:10px}*{box-sizing:border-box;font-family:Merriweather,serif;margin:0;padding:0}li{list-style:none}a{text-decoration:none}
/*# sourceMappingURL=main.0beb4eee.css.map*/