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)}}.topbarContainer{align-items:center;background-color:#1877f2;display:flex;height:69px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}.logo{color:#fff;cursor:pointer;font-size:24px;font-weight:700;margin-left:20px}.topbarLeft{flex:3 1}.topbarCenter{display:flex;flex:5 1;flex-direction:column}.topbarRight{align-items:center;color:#fff;display:flex;flex:4 1;justify-content:space-around}.searchbar{align-items:center;justify-content:space-between;width:100%}.fa-magnifying-glass{cursor:pointer;float:right;font-size:20px!important}.fa-right-from-bracket{font-size:1.5rem;margin-left:1rem}.searchInput{background-color:initial;border:none;padding-left:1rem;width:70%}.searchInput:focus{outline:none}.topbarLink{color:#fff;cursor:pointer;font-size:1.15rem;margin-right:10px}.topbarIcons{display:flex}.topbarIconItem{cursor:pointer;margin-right:15px;position:relative}.fa-bell,.fa-user{font-size:1.5rem}.topbarIconBadge{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:12px;height:15px;justify-content:center;position:absolute;right:-5px;top:-5px;width:15px}.topbarImg{border-radius:50%;cursor:pointer;height:38px;object-fit:cover;width:38px}.mainpage{display:flex;flex-direction:row;width:100%}.right{margin:.4rem}.onli{padding:5px}.left{flex:2 1;height:calc(100vh - 69px);margin:.5rem;overflow-y:scroll;padding:1rem;position:-webkit-sticky;position:sticky;width:45%}.logocss{color:#000}.leftitems,.leftitemsbottom{align-items:center;display:flex;list-style:none;margin-bottom:25px}.iconsss{cursor:pointer;font-size:1.5rem;padding-right:10px}.leftitemsname,.leftitemsname2{color:#000;cursor:pointer}.leftitemsname2{padding-left:10px}.friends{font-size:1.35rem;font-weight:700}.quest{border-bottom:1px solid #adadad;padding-bottom:20px}.profimg{border-radius:30px;height:40px;width:40px}.middle{width:100%}.imageinput{height:120px;width:120px}.middletopbottomul{align-items:center}.postimggg{margin-left:1.5rem}.containnnnn{align-items:center;display:flex;flex-direction:row;justify-content:center}.postdesc2{background-color:initial}.postrightsidetop{margin-left:10px;-webkit-transform:translateY(20%);transform:translateY(20%)}.postimageleft{border-radius:30px;height:37px;width:37px}.posttopbar{justify-content:space-between}.postbottombar,.posttopbar{display:flex;flex-direction:row}.postbottombar{margin-top:1.5rem}.toppppleftbarr,.topppprightbarr{align-items:center;display:flex;flex-direction:row}.topppprightbarr{cursor:pointer;font-size:1.5rem;opacity:75%}.postleftsidetop{cursor:pointer}.postrighttime{font-size:.85rem;margin-left:15px;-webkit-transform:translateY(25%);transform:translateY(25%)}.postrightdelete{align-items:center;display:flex}.likerighttime{font-size:.85rem;margin-left:10px}.assets,.containasset{display:flex;flex-direction:row}.comment{display:flex;margin-left:1rem;margin-top:1.5rem}.postimage{display:flex;justify-content:center}.postimagecon{border-radius:20px;max-height:35rem;padding:2px;width:90%}.fa-comment,.fa-thumbs-up{font-size:1.5rem;margin-left:.75rem}.commentboxx{border-top:1px solid #adadad;padding-top:20px}.commentitems{border-bottom:.5px solid #adadad;display:flex;flex-direction:column;list-style:none;margin-bottom:25px}.addcomment,.addcommenthere{align-items:center;display:flex;flex-direction:row;margin-bottom:7px}.addcommenthere{border-bottom:1px solid #adadad;margin-bottom:25px}.adcom{background-color:initial;border:none;padding:10px;width:20rem}.hereee{background-color:none;display:flex;justify-content:space-between;width:100%}input:focus,textarea:focus{outline:none}.addcombutt{background-color:initial;border:none;color:#00d5ff;font-size:1rem;padding:5px 15px}.profimgcomment{border-radius:30px;height:40px;width:40px}.commentitemsname{cursor:pointer;padding-left:10px}.commentitemsname2{font-size:.75rem;padding-left:10px}.commenttext{display:flex;flex-direction:row}.commenttextptag{margin-top:.5rem}.right{flex:3 1;margin:.4rem .4rem 2rem;width:50%}.righttop{display:flex;flex-direction:column}.rightbottom{border-radius:15px;box-shadow:0 0 20px rgba(0,0,0,.2);height:42vh;margin-top:3rem;overflow-y:scroll}.firstt{align-items:center;display:flex;flex-direction:row}.firsttleft{margin-top:1rem}.firsttright{margin-left:1rem;-webkit-transform:translateY(20%);transform:translateY(20%)}.firsttleftimg{height:4rem;width:4rem}.rightimgtop{border-radius:15px;height:18rem;margin-top:2rem;width:100%}.rightitems{list-style:none;margin-bottom:10px}.onlinefr{border-bottom:1px solid #adadad;font-size:1.25rem;font-weight:700;padding-bottom:15px;padding-top:15px}.rightitemsname2{cursor:pointer;padding-left:10px}.onli{background-color:#6f0;border:1px solid #fff;border-radius:30px;height:13px;left:25px;position:relative;top:40px;width:13px}.profile{display:flex}.profileRight{flex:9 1}.profileFollowBtn{background-color:#1877f2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;margin-top:10px;padding:.55rem 1.2rem;text-align:center;text-decoration:none;transition-duration:.4s}.profileFollowBtn:hover{background-color:#3b5998}.profileCover{height:320px;position:relative}.profileCoverImg{height:250px;object-fit:cover;width:100%}.profileUserImg{border:3px solid #fff;border-radius:50%;height:150px;left:0;margin:auto;object-fit:cover;position:absolute;right:0;top:171px;width:150px}.postimgggg{align-items:center;flex-direction:row;justify-content:center}.newimggg{border-radius:50%;height:40px;object-fit:cover;width:40px}.profileInfo,.updatePict{align-items:center;justify-content:center}.profileInfo{display:flex;flex-direction:column}.profileInfoName{font-size:24px}.profileInfoDesc{font-weight:300}.darkmode,.profileRightBottom{display:flex}.darkmode{justify-content:center}#darkmode .dark{background-color:#292c35}#darkmode .checkbox{opacity:0;position:absolute}#darkmode .label{align-items:center;background-color:#111;border-radius:50px;cursor:pointer;display:flex;height:23px;justify-content:space-between;padding:5px;position:relative;-webkit-transform:scale(1.5);transform:scale(1.5);width:48px}#darkmode .ball{background-color:#fff;border-radius:50%;height:20px;left:2px;position:absolute;top:2px;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:20px}#darkmode .checkbox:checked+.label .ball{-webkit-transform:translateX(24px);transform:translateX(24px)}.rightbar{flex:3.5 1}.rightbarWrapper{padding:20px 20px 0 0}.birthdayContainer{align-items:center;display:flex}.birthdayImg{height:40px;margin-right:10px;width:40px}.birthdayText{font-size:15px;font-weight:300}.rightbarAd{border-radius:10px;margin:30px 0;width:100%}.rightbarTitle{margin-bottom:20px}.rightbarFriendList{list-style:none;margin:0;padding:0}.rightbarTitle{font-size:18px;font-weight:500;margin-bottom:10px}.rightbarInfo{margin-bottom:30px}.rightbarInfoItem{margin-bottom:10px}.rightbarInfoKey{color:#555;font-weight:500;margin-right:15px}.rightbarInfoValue{font-weight:300}.rightbarFollowings{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:10px}.rightbarFollowing{cursor:pointer;display:flex;flex-direction:column;margin:1rem}.rightbarFollowingName{align-items:center;display:flex;justify-content:center}.rightbarLink{text-decoration:none}.rightbarFollowingImg{border-radius:24%;height:100px;object-fit:cover;width:100px}.edit-btn-rightbar{background-color:#1877f2;border:none;border-radius:3px}.rightbarLink{all:unset}.profile-modal{background-color:rgba(0,0,0,.5);height:100%;left:0;opacity:1;position:fixed;top:0;-webkit-transform:scale(1.2);transform:scale(1.2);transition:visibility 0s linear .25s,opacity .25s 0s,-webkit-transform .25s;transition:visibility 0s linear .25s,opacity .25s 0s,transform .25s;transition:visibility 0s linear .25s,opacity .25s 0s,transform .25s,-webkit-transform .25s;visibility:visible;width:100%}.modal-content{background-color:#fff;border-radius:.5rem;left:50%;padding:1rem 1.5rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:25rem}.edit-prof{border-bottom:1px solid #ccc;font-size:larger}.edit-form{margin:5px}.edit-btns{border:none;border-radius:5px;margin:10px;padding:5px}.close-btn{background-color:#d04646}.submit-btn{background-color:#93cb40}.edit-form-input{border-color:#ccc;border-radius:3px;border-width:1px;margin:5px 4px}.edit-form-btns{border-top:1px solid #ccc;margin-top:5px}.login{background-color:#000}.loginError{color:red;font-size:14px}.loginWrapper{height:80%;width:80%}.loginBoxTitle{color:#1775ee;font-size:30px;font-weight:700;margin:5px 0 20px;text-align:center}.loginLeft,.loginRight{padding:20px}.loginBox{border-radius:7px;box-shadow:0 0 8px hsla(0,6%,62%,.3);position:relative}.loginBox:after{background:linear-gradient(transparent,#ff170a,transparent);content:"";height:150px;left:-1px;opacity:0;position:absolute;top:calc(50% - 35px);transition:top,opacity;transition-duration:.6s;transition-timing-function:ease;width:1px}.loginBox:hover:after{opacity:1;top:calc(50% - 70px)}.loginBox
:hover:after{opacity:1;top:25%}.loginInput{height:55px;margin:12px 0;padding:0 20px}.loginButton{height:40px}.loginForgot{margin-bottom:10px}.loginRegisterButton{margin-top:10px;width:60%}.loginForm{display:flex;flex-direction:column;height:100%;justify-content:space-between}.login{align-items:center;background-color:#f0f2f5;display:flex;height:100vh;justify-content:center;width:100vw}.error{color:red;margin-bottom:10px}.loginWrapper{display:flex;height:70%;width:70%}.loginLeft,.loginRight{display:flex;flex:1 1;flex-direction:column;justify-content:center}.loginLogo{color:#1775ee;font-size:50px;font-weight:800;margin-bottom:10px}.loginDesc{font-size:24px}.loginBox{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:400px;justify-content:space-between;padding:20px}.loginInput{border:1px solid gray;border-radius:10px;font-size:18px;height:50px;padding-left:20px}.loginInput:focus{outline:none}.loginButton{background-color:#1775ee;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;height:50px}.loginForgot{color:#1775ee;text-align:center}.loginRegisterButton{align-self:center;background-color:#42b72a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;height:35px;width:40%}header{align-content:center;background-color:#d3d3d3;border-bottom:3px solid #56e3b8;display:flex;justify-content:center;padding:15px}header h1{box-shadow:inset;color:#0884b5;font-size:28px;font-weight:700;text-transform:uppercase}.faqs{margin:0 auto;max-width:800px;padding:25px;width:100%}.faqs .faq{background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.4);margin:25px;padding:20px}.faqs .faq .faq-question{font-size:20px;padding-right:80px;position:relative;transition:all .4s ease}.faqs .faq .faq-question:after{background-image:url(/static/media/arrow-down-mint.488731ae59cb0f3c21b4.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:30px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .4s ease-out;width:30px}.faqs .faq .faq-answer{max-height:0;opacity:0;overflow-y:hidden;transition:all .4s ease-out}.faqs .faq.open .faq-question{margin-bottom:15px}.faqs .faq.open .faq-question:after{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.faqs .faq.open .faq-answer{max-height:1000px;opacity:1}.conatct_form .form-control{background-color:#252525;border:3px solid #fff;border-radius:0!important;box-shadow:0 0 10px rgba(0,0,0,.4);color:#fff;justify-content:center;line-height:1.5;padding:1.375rem .75rem;width:500px}.conatct_form input.form-control{height:calc(3.25rem + 2px);margin-bottom:2em}.subbuttt{border:2px solid #000;color:#252525;margin-bottom:2rem;margin-left:30%;padding:10px 20px}.messenger{display:flex;height:calc(100vh - 70px)}.chatMenu{flex:3.5 1}.chatMenuConversations{font-size:large;padding-left:10px}.chatMenuConversationsWrapper{border-bottom:1px solid gray;padding:10px 0}.chatMenuInput{border:none;border-bottom:1px solid gray;padding:10px 0;width:90%}.chatBox{flex:5.5 1}.chatBoxWrapper{display:flex;flex-direction:column;justify-content:space-between;position:relative}.chatBoxTop{height:100%;overflow-y:scroll;padding-right:10px}.chatBoxBottom{align-items:center;display:flex;justify-content:space-between;margin-top:5px}.chatMessageInput{height:90px;padding:10px;width:80%}.chatSubmitButton{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;width:70px}.chatOnline{flex:3 1}.chatBoxWrapper,.chatMenuWrapper,.chatOnlineWrapper{height:100%;padding:10px}.noConversationText{color:#e0dcdc;cursor:default;font-size:50px;position:absolute;top:10%}@media screen and (max-width:768px){.chatMenu{flex:1 1}.chatMenuInput{display:none}.chatBox{flex:10 1}.chatOnline{flex:1px 1}}.conversation{align-items:center;cursor:pointer;display:flex;margin-top:20px;padding:10px}.conversation:hover{background-color:#f5f3f3}.conversationImg{border-radius:50%;height:40px;margin-right:20px;object-fit:cover;width:40px}.conversationName{font-weight:500}@media screen and (max-width:768px){.conversationName{display:none}}.message{flex-direction:column;margin-top:20px}.message,.messageTop{display:flex}.messageImg{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.messageText{background-color:#1877f2;border-radius:20px;color:#fff;max-width:300px;padding:10px}.messageBottom{font-size:12px;margin-top:10px}.message.own{align-items:flex-end}.message.own .messageText{background-color:#f5f1f1;color:#000}.chatOnlineFriend{align-items:center;cursor:pointer;display:flex;font-weight:500;margin-top:10px}.chatOnlineImgContainer{margin-right:10px;position:relative}.chatOnlineImg{border:1px solid #fff;border-radius:50%;height:40px;object-fit:cover;width:40px}.chatOnlineBadge{background-color:#32cd32;border-radius:50%;height:10px;position:absolute;right:2px;top:2px;width:10px}@media screen and (max-width:768px){.chatOnlineName{display:none}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#adadad}.middle{display:flex;flex:6 1;flex-direction:column;height:calc(100vh - 69px);margin:.5rem;overflow-y:scroll;padding:1rem}input[type=file]{display:none}.custom-file-upload{border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,.25);cursor:pointer;display:inline-block;padding:6px 12px}.middletopbottomul{justify-content:space-between;width:100%}.postdesc2{border:none;border-radius:8px;padding:10px;-webkit-transform:translateY(-25%);transform:translateY(-25%);width:300%}.middletop,.postdesc2{box-shadow:0 0 10px rgba(0,0,0,.2)}.middletop{border-radius:15px;padding:1rem}.middletopbar{border-bottom:1px solid #adadad;display:flex;flex-direction:row;padding-bottom:20px}.middleimageleft{border-radius:30px;height:50px;width:50px}.middlerightsidetop{display:flex;justify-content:flex-start;margin-left:10px;-webkit-transform:translateY(25%);transform:translateY(25%);width:90%}.middletopbottom{margin-top:1.5rem}.fa-photo-film{color:#f50;font-size:1.35rem}.fa-tag{color:green;font-size:1.35rem}.fa-location-dot{color:#1980f6;font-size:1.35rem}.middletopbottomul{display:flex;flex-direction:row}.middletopbottomli{list-style:none;padding:10px}.middlebottom{border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.2);margin-top:3rem;padding:1rem}
/*# sourceMappingURL=main.a7ba15ff.css.map*/