@import url(https://fonts.googleapis.com/css2?family=Marmelad&display=swap);:root{--primary-color:#341c84;--light-primary:#673ab7;--backColor:#bfb0f1;--secondary:#283593;--black:#000}*{padding:0;margin:0;box-sizing:border-box;font-family:"Marmelad",sans-serif}a,link{text-decoration:none;color:#000;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.App{background-color:#ebebeb;min-height:100vh}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-thumb{background:#341c84;background:var(--primary-color);border-radius:10px;outline:1px solid #708090}button{cursor:pointer;border:none}.App{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.appSidebar_left,.appSidebar_right,.sideFloating__btnContainer{display:none}.pageTitle{text-align:center;font-size:1.5rem;color:#341c84;color:var(--primary-color);font-weight:700;margin-bottom:1rem}@media(max-width:480px){.sideFloating__btnContainer{position:-webkit-sticky;position:sticky;padding:5px;display:flex;justify-content:space-around;bottom:-1px;background:tomato;border-top:1px solid;right:0;font-size:22px;box-shadow:0 1px 1px rgba(9,30,66,.25),0 0 1px 1px rgba(9,30,66,.13)}}.header{display:flex;width:100%;padding:0 10px;height:100px;background-color:#ebebeb;position:-webkit-sticky;position:sticky;top:0;z-index:999}.logo{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;flex-direction:column;border-radius:6px;background-color:#b6b6b6;place-items:center;padding:5px;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}.logo>img{height:70px}.logoName{font-weight:900;font-size:28px;color:#fff;padding:5px;line-height:24px}.logoName>span{color:var(--primary-color)}.subHeader{height:60px;justify-content:center;background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15);margin:5px 0 5px 5px;border-radius:4px;padding:0 10px}.searchBar,.subHeader{display:flex;flex:1 1;align-items:center}.searchBar{height:100%;font-size:26px;position:relative;justify-content:flex-end;height:40px}.searchBar>input{width:420px;border-radius:4px;border:0;height:40px;background:#f0efef;display:inline-flex;font-size:18px;margin-right:5px;outline:none;padding:5px;color:var(--primary-color)}.searchBar>input::-webkit-input-placeholder{color:var(--primary-color)}.searchBar>input:-ms-input-placeholder{color:var(--primary-color)}.searchBar>input::placeholder{color:var(--primary-color)}.searchResult{background-color:rgba(176,129,221,.918);color:#fff;width:420px;position:absolute;border-bottom-left-radius:5px;border-bottom-right-radius:5px;transform:translateY(100%);bottom:0;padding:4px 7px}.searchItem{padding:4px 6px;display:flex;align-items:center}.searchItem:hover{background:#fff}.searchItem>img{width:40px;height:40px;border-radius:50%;margin-right:10px}.searchItem>span{font-size:18px}.headerOption{display:flex;align-items:center;font-size:28px;font-weight:700;cursor:pointer}.logBtn{padding:8px 10px;margin:0 8px;font-weight:900;font-size:16px;border:0;color:#fff;background-color:#000;border-radius:4px}.userMenu{position:relative}.userMenu__options{position:absolute;transform:translateX(-50%);display:flex;font-size:16px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;box-shadow:0 2px 4px rgba(0,0,0,.18);line-height:24px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:10px;flex-direction:column;background:#ecebeb}.subHeader__btn{width:100%;display:flex;justify-content:flex-end}.subHeader__btn>a{background:#000;font-size:16px;padding:7px;color:#fff;margin-right:6px;border-radius:4px;font-weight:700;transition:.3s ease-in-out}.subHeader__btn>a:hover{transform:scale(1.15);background:var(--primary-color)}@media(max-width:780px){.header{display:flex;padding:0 4px}.searchBar>input{width:320px}}@media(max-width:480px){.header{display:flex;padding:0;height:60px;width:100%;background:#fff;justify-content:space-between}.logo{display:flex;flex-direction:row;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:0;background-color:#000;background-color:transparent;padding:2px;align-items:center;box-shadow:none}.logo>img{height:55px;transform:rotate(270deg)}.logoName{color:#000;font-size:24px}.logoName>span{color:var(--primary-color)}.subHeader{height:60px;flex:1 1;width:40%;margin:0;padding:0;background:transparent;box-shadow:none}.searchBar,.subHeader{display:flex;border-radius:0}.searchBar{height:100%;width:100%;font-size:20px;position:relative;align-items:center;justify-content:flex-end;height:auto}.searchBar>input{width:90%;height:30px;font-size:16px;margin:5px;border-radius:4px;place-self:flex-end}.searchResult{width:90%;position:absolute;border-bottom-left-radius:3px;border-bottom-right-radius:3px;padding:4px 7px}.searchItem{padding:4px 6px;display:flex;align-items:center}.searchItem>img{width:30px;height:30px;border-radius:50%;margin-right:6px}.searchItem>span{font-size:16px}.headerOption{display:flex;align-items:center;font-size:22px}.logBtn{padding:8px 10px;margin:0 8px;font-weight:900;font-size:16px;border:0;color:#fff;background-color:#000;border-radius:4px}.userMenu{position:relative}.userMenu__options{position:absolute;font-size:16px;line-height:24px;padding:10px;top:120%;right:-160%}}.explorePage{margin-top:2rem}.exploreList{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));width:100%;justify-items:center;margin:0 auto}.exploreCard{width:160px;height:200px;place-self:center;display:flex;flex-direction:column;align-items:center;justify-content:space-around;border-radius:4px;background-color:#fff;padding:10px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);margin-bottom:10px}.ec__img{width:100px;height:100px;border-radius:50%;border:3px solid #c2c0c0}.ec__name{color:var(--primary-color);font-size:20px;text-align:center}.ec__btn{width:100%;display:flex;justify-content:center}.ec__followBtn{width:100%;background-color:var(--primary-color);color:#fff;font-weight:600;font-size:18px;padding:5px 0;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}@media(max-width:480px){.exploreCard{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}.ec__img{width:80px;height:80px}.ec__name{font-size:16px}.ec__followBtn{font-size:14px}}.emptyArea{width:100%;position:relative}.ea__image{width:100%}.ea__btn{color:#fff;background:#000;padding:6px;font-size:28px;position:absolute;font-weight:600;border-radius:2px;top:10%;left:5%;transition:.3s ease-in-out}.ea__btn:hover{background-color:var(--primary-color);transform:scale(1.15)}@media(max-width:480px){.ea__btn{top:90%;font-size:20px;left:35%}}.followCard{min-height:60px;padding:4px 10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15);width:95%;max-width:300px;border-radius:5px;background:#fff;margin-bottom:10px;display:flex;align-items:center;flex-wrap:wrap}.fc_userImg{width:50px;height:50px;border-radius:50%;border:1px solid #000;transition:.3s ease-in-out}.fc_userImg:hover{border:2px solid var(--primary-color);transform:scale(1.1)}.fc_two{flex:1 1;display:flex;justify-content:flex-start;margin-left:10px;font-size:16px}.fc_followBtn{border:0;background:var(--primary-color);color:#fff;font-size:16px;padding:6px 8px;font-weight:600;border-radius:3px;transition:.3s ease-in-out}.fc_followBtn:hover{background:#000;color:#fff;transform:scale(1.1)}.fc_followBtn>span{display:flex;align-items:center}.formInput{display:flex;flex-direction:column;width:280px;margin-bottom:10px}.formInput__item{padding:0 10px;height:40px;margin:7px 0;border:1px solid;border-radius:4px}.errorMsg{color:rgba(255,0,0,.815);font-size:14px;display:none}.formInput__item::-webkit-input-placeholder{color:#9e9e9e}.formInput__item:-ms-input-placeholder{color:#9e9e9e}.formInput__item::placeholder{color:#9e9e9e}.formInput__item:invalid[focused=true]{border:1px solid red}.formInput__item:invalid[focused=true]~.errorMsg{display:block}.likeList__section{background:#fff;display:flex;justify-content:center;border-radius:5px;width:60%;bottom:25%;left:10%;max-height:200px;box-shadow:0 0 0 1px rgba(0,0,0,.05),inset 0 0 0 1px #d1d5db;position:-webkit-sticky;position:sticky;z-index:999999;border:1px solid #000}.likeList__wrapper{width:100%;display:flex;flex-direction:column;align-items:center;padding:6px;margin-top:15px;border-radius:6px;overflow-y:scroll}.likeList__wrapper::-webkit-scrollbar{width:6px}.likeList__wrapper::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px;outline:1px solid #708090}.likeList__closeBtn{position:absolute;color:red;font-size:24px;padding:4px;right:0}@media(max-width:480px){.likeList__section{width:100%}}.loader{width:100%;display:flex;height:85vh;justify-content:center;place-items:center}.loader>img{width:400px}@media(max-width:480px){.loader>img{width:120px;height:auto}}.leftSideBar__container{padding:20px 10px;border-radius:6px;background:#fff;width:15%;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;margin-right:1em;height:460px;display:flex;flex-direction:column;place-items:center;position:-webkit-sticky;position:sticky;top:140px}.leftSideBar{display:flex;flex-direction:column;padding:0 20px;overflow-y:scroll}.leftSideBar::-webkit-scrollbar{width:6px}.leftSideBar::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px;outline:1px solid #708090}.leftSideBar__img{width:130px;margin-bottom:10px;height:130px;background-color:#dddcdc;cursor:pointer;border-radius:50%;border:2px solid #000}@media(max-width:780px){.leftSideBar__container{width:25%}.leftSideBar{padding:10px}.bar-one>img{width:100px;height:100px}}@media(max-width:480px){.leftSideBar__container{padding:20px 10px;border-radius:6px;background:#fff;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;height:calc(100vh - 100px);display:flex;flex-direction:column;place-items:center;position:fixed;top:60px;width:50%;box-shadow:0 4px 12px rgba(0,0,0,.08);left:0;z-index:999;transform:translate(-110%);transition:.32s ease-in-out}.barOn{transform:translate(0)}.barOn>img{width:60%}.leftSideBar{display:flex;flex-direction:column;padding:0 20px;overflow-y:scroll}.leftSideBar::-webkit-scrollbar{width:6px}.leftSideBar::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px;outline:1px solid #708090}/ .leftSideBar__img{margin-bottom:10px;cursor:pointer;border-radius:50%;border:2px solid var(--red)}}.sideMenu__btn{align-self:flex-start;display:flex;place-items:center;margin-bottom:16px;background:#c5c5c5;border-radius:4px;padding:4px 10px;color:var(--primary-color);font-weight:700;font-size:16px}.sideMenu_icon{font-size:26px;margin-right:5px;color:#000}@media(max-width:780px){.sideMenu__btn{margin-bottom:13px;padding:4px 8px;font-weight:600;font-size:16px}.sideMenu_icon{font-size:20px;margin-right:3px}}.rightSideBar{background:#fff;border-radius:6px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:120px}.rightSideBar::-webkit-scrollbar{width:6px}.rightSideBar::-webkit-scrollbar-thumb,.rightSideBar::-webkit-scrollbar-thumb:hover{background:#7de2e2;border-radius:10px;outline:1px solid #708090}.rightSideBar::-webkit-scrollbar-thumb:hover{display:block}.bar-two{overflow-y:auto;display:flex;width:22%;flex-direction:column;place-items:center;padding:10px}.exploreSection{margin-bottom:10px;font-size:32px;background-color:#dbd6d6;padding:5px;border-radius:50%;display:inline-flex}.exploreBtn{width:95%;background-color:var(--primary-color);border:0;height:30px;font-weight:700;color:#fff;border-radius:4px}@media(max-width:780px){.rightSideBar{height:480px;top:110px;display:none}.bar-two{display:flex;position:fixed;height:calc(100vh - 60px);right:0;top:100px;width:300px;box-shadow:0 2px 4px rgba(0,0,0,.18);transition:.32s ease-in-out;transform:translateX(110%)}.barOn{transform:translate(0)}}@media(max-width:480px){.rightSideBar{position:-webkit-sticky;position:sticky;top:120px;display:none}.rightSideBar::-webkit-scrollbar{width:6px}.rightSideBar::-webkit-scrollbar-thumb,.rightSideBar::-webkit-scrollbar-thumb:hover{background:#7de2e2;border-radius:10px;outline:1px solid #708090}.rightSideBar::-webkit-scrollbar-thumb:hover{display:block}.bar-two{display:flex;position:fixed;height:calc(100vh - 60px);right:0;top:60px;width:70%}.barOn{transform:translate(0)}}.followerPage{margin-top:2rem}.followerList{display:flex;flex-direction:column;margin-left:20px}@media(max-width:480px){.followerList{justify-content:center}}.followingPage{margin-top:2rem}.followingList{display:grid;grid-template-columns:1fr 1fr;justify-items:center;margin:10px}@media(max-width:480px){.followingList{grid-template-columns:1fr;width:100%;margin:0}}.home{display:flex;width:100%;min-height:calc(100vh - 80px);justify-content:space-between;padding:10px;position:relative}.homeSide__btn{position:absolute}.sideFloating__btnContainer{background:#000;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-items:center;position:fixed;right:10px;bottom:10px;z-index:101010101;border:0;padding:4px;border-radius:5px}.sideFloating__btnContainer>label{font-size:32px;display:inline-flex;margin:0 4px;color:#fff}.sideFloating__btnContainer>label>a{display:inline-flex;color:#fff}#goTo__addPost{display:inline-flex}#exploreBtn,#menuBtn{display:none}@media(max-width:780px){.home{display:flex}#menuBtn{display:none}#exploreBtn{display:inline-flex}}@media(max-width:480px){.home{width:100%}#exploreBtn,#menuBtn{display:inline-flex}}.addPost__section{display:flex;width:100%;justify-content:center}.addPost__wrapper{border-radius:6px;background:#fff;position:relative;width:600px;padding:4px 10px}.userPhoto{width:55px;height:55px;position:absolute;top:0;display:inline-flex;left:0;transform:translate(-115%,15%);border:3px solid var(--primary-color);border-radius:50%;box-shadow:0 .0625em .0625em rgba(0,0,0,.25),0 .125em .5em rgba(0,0,0,.25),inset 0 0 0 1px hsla(0,0%,100%,.1)}.userPhoto>img{width:100%;height:50px;border-radius:50%}.inputPost__section{flex-direction:column;padding:10px}.inputPost__btn,.inputPost__section{display:flex;justify-content:space-between}.inputPost__btn{margin-top:10px;align-items:center;font-size:22px}.postBtn{padding:8px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:var(--black);border-radius:4px;color:#fff;font-weight:700;font-size:16px;letter-spacing:1px}.inputPost__section>textarea{border:0;font-size:18px;outline:none}.inputPost__section>textarea::-webkit-input-placeholder{color:#575757}.inputPost__section>textarea:-ms-input-placeholder{color:#575757}.inputPost__section>textarea::placeholder{color:#575757}#imageInput{display:none}.imagePreview{display:flex;flex-wrap:wrap;width:100%}.preview{width:80px;position:relative;margin:5px;padding:8px;background-color:#ebe9e9;border-radius:4px}.preview>img{width:95%;height:50px}.cancelPreview{position:absolute;top:-10px;right:-10px;font-size:20px;color:red}@media(max-width:480px){.addPost__section{justify-content:flex-end}.addPost__wrapper{width:85%}.userPhoto{width:45px;height:45px;transform:translate(-110%,15%);border:2px solid var(--primary-color)}.userPhoto>img{width:39px;height:39px}.inputPost__section{padding:5px}.inputPost__btn{margin-top:5px;font-size:16px}.postBtn{padding:6px;font-size:14px}.inputPost__section>textarea{font-size:16px}.preview{width:60px}.preview>img{width:50px;height:50px}}.postCard{margin:10px 0;width:100%;min-height:350px;border-radius:5px;background:#fff;box-shadow:0 1px 1px rgba(9,30,66,.25),0 0 1px 1px rgba(118,164,243,.13)}.postHeader{height:70px;display:flex;font-weight:500;align-items:center;padding:4px 10px}.postHeader img{height:50px;width:50px;border-radius:50%;border:2px solid var(--primary-color);margin-right:10px}.postMedia{display:flex;justify-content:center;overflow:hidden}.postMedia>img{width:100%;max-width:100%;max-height:600px}.postHeader>a{width:100%}.userDetail{display:flex;align-items:center;font-size:18px;width:100%}.postTime{flex:1 1;text-align:right;color:grey;font-size:12px}.postReaction{justify-content:flex-end}.postReaction__wrapper>.reaction{margin:5px;font-size:24px}.captionContainer{width:100%}.caption{font-size:16px;min-height:40px;background:#f0efef;padding:10px}@media(max-width:480px){.postCard{width:100%;margin:10px 0;min-height:300px;border-radius:5px;background:#fff;box-shadow:0 1px 1px rgba(9,30,66,.25),0 0 1px 1px rgba(118,164,243,.13)}.postHeader{height:40px;display:flex;font-weight:500;align-items:center;padding:4px 15px}.postHeader img{height:30px;width:30px}.postMedia>img{width:100%;height:auto}.userDetail{display:flex;align-items:center;font-size:18px;width:100%}.postReaction{width:100%;padding:0}.postReaction,.postReaction__wrapper{display:flex;justify-content:flex-end}.postReaction__wrapper{border-right:2px solid #000;border-bottom:2px solid #000;border-bottom-right-radius:3px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.postReaction__wrapper>.reaction{display:flex;margin:5px;position:relative;font-size:24px;border-radius:50%;height:40px;width:40px;justify-content:center;align-items:center}.reaction>.count{font-size:18px}.captionContainer{width:100%}.caption{font-size:16px;min-height:40px;background-color:#f1efef;border-radius:5px;padding:10px}}.postReaction{width:100%;padding:0;display:flex;position:relative;justify-content:space-between;align-items:center}.likedBy{background-color:#e3e3e3;margin-left:4px;font-size:16px;padding:4px 7px 4px 10px;border-radius:4px;border:1px solid #cdcdcd}.likedBy>span{color:var(--primary-color)}.postReaction__wrapper{display:flex;justify-content:flex-end;border-right:2px solid #000;border-bottom:2px solid #000;border-bottom-right-radius:3px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.postReaction__wrapper>.reaction{display:flex;margin:1px;position:relative;font-size:1.5em;border-radius:50%;height:40px;width:40px;justify-content:center;align-items:center}.reaction>.count{font-size:18px}@media(max-width:780px){.likedBy{font-size:12px}}.commentWrapper{display:flex;padding:5px 10px;width:100%;margin-top:5px;align-items:center}.commentWrapper img{width:40px;height:40px;border-radius:50%;border:1px solid #000;margin-right:10px}.editCommentInput{align-items:center;justify-content:space-between;display:flex;border:1px solid;padding:4px}.editCommentInput>input{padding:5px 2px;border:0;font-size:16px;text-decoration:underline;outline:none;display:flex;align-items:flex-end}.editComment__btnContainer>button{background-color:#000;color:#fff;border:0;margin-left:3px;font-weight:700;padding:6px}.commentDetail{display:flex;flex:1 1;flex-direction:column}.commentHead{display:flex}.commentName{font-weight:700;font-size:14px}.commentTime{font-style:italic;margin-left:5px;font-size:10px;color:#414040;font-weight:700}.commentBody{margin:0 10px 10px 0;font-size:16px}.commentBody>input{background:#fff;padding:5px 2px;border:0;width:100%;margin-top:4px;font-size:14px;outline:none;display:flex;align-items:flex-end}.commentBody>input:focus{border-bottom:1px solid #000}.commentBtn{padding:4px 8px;font-weight:600;background-color:#000;color:#fff}@media(max-width:600px){.editComment__btnContainer{flex-wrap:wrap;flex-direction:column;display:flex}.editComment__btnContainer>button{margin:2px}}@media(max-width:480px){.commentWrapper img{width:35px;height:35px;margin-right:6px}.commentBody{margin:0}}.showComments{padding:5px 10px;color:grey;font-style:italic}@media(max-width:480px){.showComments{font-size:14px}}.timeline{padding-top:-20px;width:50%;position:relative;justify-content:center;min-height:calc(100vh - 80px)}.postListSection{margin-top:20px;width:100%;display:flex;flex-direction:column;align-items:center}.postFloat_Btn{position:absolute;top:0}@media(max-width:780px){.timeline{width:65%}}@media(max-width:480px){.timeline{width:100%;padding-top:-20px;position:relative;justify-content:center;min-height:85vh}.postListSection{margin-top:20px;display:flex;flex-direction:column;align-items:center}.postFloat_Btn{position:absolute;top:0}}.login{width:100%;display:flex;justify-content:space-evenly}.login,.sideImage{align-items:center}.formWrapper{display:flex}.form{background-color:transparent}@media(max-width:780px){.login{flex-direction:column;align-items:center;height:calc(100vh - 80px)}.formWrapper{position:absolute}.sideImage>img{width:100%}.formWrapper>form{background:transparent}}.register{width:100%;display:flex;justify-content:space-evenly;flex-wrap:wrap;align-items:center}.sideImage{display:flex;justify-content:center}.sideImage>img{width:500px}.formTitle{font-size:28px}.form{padding:20px;width:320px;box-shadow:0 0 .25em rgba(67,71,85,.27),0 .25em 1em rgba(90,125,188,.05);border-radius:4px}.authBtn{border:0;padding:0 10px;font-size:16px;border-radius:4px;color:#fff;font-weight:600;width:100%;height:45px;margin-top:10px;background-color:#29b4cc}.authFooter{color:#0369c9;margin-top:10px}.authFooter span{color:#ff4500}@media(max-width:780px){.register{flex-direction:column;align-items:center;height:calc(100vh - 80px)}.sideImage>img{width:100%}}.postList__img{width:200px;height:200px;transition:.5s ease-in-out}.postList{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px}.postList>a{place-self:center;background-color:#fff}.postList__img:hover{transform:rotate(5deg) scale(1.05)}@media(max-width:480px){.postList__img{width:180px;height:180px}.postList{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:5px}}.profileLayout{display:flex;width:100%;flex-direction:column;margin:20px auto 0;position:relative}.profileHeader__detail{display:flex;flex-direction:column;justify-content:center}.profileLayout__wrapper{display:flex;justify-content:space-around;padding:0 10px;margin-bottom:2rem}.profileData__wrapper{width:90%}.profileHeader__img{display:flex;flex-direction:column;justify-content:center;align-items:center}.pd__img{position:relative;background:#fff;display:flex;justify-content:center;align-items:center}.pd__img,.pd__img>img{width:200px;height:200px}.pd__img,.pd__img>img,.pd__imgEditBtn{border-radius:50%;border:2px solid var(--primary-color)}.pd__imgEditBtn{position:absolute;bottom:4%;font-size:24px;right:7%;cursor:pointer;background:#fff;width:35px;height:35px;display:flex;justify-content:center;align-items:center}.pd__Name{font-size:42px;font-weight:700;background:#fff;padding:4px 10px;border-radius:6px;margin-bottom:10px;margin-top:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pd__Name>span{color:var(--primary-color);font-weight:900}.pd__NameContainer{display:flex}.pd__NameContainer>button{background:#000;color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;align-self:center;margin-left:10px;font-weight:700;border-radius:4px;padding:10px;font-size:16px}.profileButton__section{width:100%;display:grid;place-content:center}.profileButton__wrapper{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;justify-content:center;place-items:center;margin:20px 0}.profileData{width:100%;display:flex;flex-wrap:wrap;justify-content:center}.profileBio{width:600px;min-height:80px;background-color:#fff;color:var(--primary-color);padding:4px 8px;font-size:18px;display:flex;flex-direction:column;justify-content:space-between;border-radius:6px;line-height:28px}.profileBio>p{font-size:24px}.profileBio>a{text-decoration:none;color:grey;font-size:14px;display:inline-flex;font-weight:700}.pd__postContainer{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.pd__postContainer>img:hover{width:25%;transform:scale(1.1);z-index:999;background:#fff;box-shadow:0 1px 1px rgba(9,30,66,.25),0 0 1px 1px rgba(9,30,66,.13)}#picChange{display:none}@media(max-width:780px){.profileLayout__wrapper{width:100%;justify-content:space-around;padding:0 5px;margin-top:1em;margin-bottom:0}.pd__img,.pd__img>img{width:140px;height:140px}.pd__Name{font-size:20px}.pd__NameContainer{justify-content:space-between}.pd__NameContainer>button{padding:4px}.profileHeader__detail{width:60%}.profileBio{width:100%;line-height:16px;min-height:60px}.profileBio>p{font-size:16px;margin-bottom:5px}.profileButton__wrapper{flex-wrap:wrap;justify-content:flex-start;margin-bottom:10px}.pd__imgEditBtn{font-size:16px;cursor:pointer;background:#fff;width:20px;height:20px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid var(--primary-color)}.profileBio>a{font-size:10px}.profileData__wrapper{margin:0}.imageLoad__text{font-size:14px}}@media(max-width:480px){.pd__Name{font-size:16px}.profileLayout{max-width:0 auto}.pd__img,.pd__img>img{width:100px;height:100px}}.pd__about{min-height:300px;background:#fff}.pd__aboutContainer{display:flex;width:100%;justify-content:center}.aboutContainer__wrapper{background-color:#fff;width:440px;margin-top:20px;padding:6px 12px;position:relative}.aboutItem{font-size:18px;margin-bottom:20px;font-weight:700;line-height:36px}.aboutItem>div{background-color:var(--light-primary);color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:500;padding:6px 12px;border-radius:5px}.pd__editBtn{position:absolute;top:2px;right:2px;font-size:24px;background-color:#e9e8e8;width:40px;display:flex;place-items:center;justify-content:center;height:40px;border-radius:50%;transition:.3s ease-in-out}.pd__editBtn:hover{transform:scale(1.1);cursor:pointer;color:var(--primary-color);background:#000}.editAbout__form{position:fixed;z-index:9999;top:20vh;width:460px;box-shadow:0 2px 4px 0 rgba(14,30,37,.12),0 2px 16px 0 rgba(14,30,37,.32);border-radius:4px}.editAbout__form>form{background-color:#ebe9e9;display:flex;flex-direction:column;place-items:center;padding:10px}.saveEdit__btn{background-color:#000;font-size:18px;width:90%;font-weight:600;height:40px;border-radius:4px;color:#fff}.editInput{min-height:40px;border-radius:4px}.editInput,.editTextarea{width:90%;margin-bottom:10px;padding:5px 10px;background:#fff;border:0}.editTextarea{height:80px}.cancelEdit{font-size:24px;margin-bottom:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;justify-content:flex-end;width:100%}.editPost__section{position:relative}.editPost__modal{right:0}@media(max-width:480px){.pd__about{min-height:300px;background:#fff}.pd__aboutContainer{font-size:16px;display:flex;width:100%}.aboutItem>div{white-space:nowrap;width:80%;overflow:hidden;text-overflow:ellipsis;border:1px solid #000}.aboutContainer__wrapper{background-color:#fff;width:95vw;margin-top:20px;padding:6px 12px;position:relative}.aboutItem{font-size:18px;margin-bottom:20px;font-weight:700;line-height:36px}.aboutItem>div{background-color:var(--light-primary);color:#fff;width:100%;font-weight:500;padding:6px 12px;border-radius:5px}.pd__editBtn{position:absolute;top:10px;right:10px;font-size:24px;background-color:#e9e8e8;width:40px;display:flex;place-items:center;justify-content:center;height:40px;border-radius:50%;transition:.3s ease-in-out}.pd__editBtn:hover{transform:scale(1.1);cursor:pointer;color:var(--primary-color);background:#000}.editAbout__form{width:80%}.saveEdit__btn{background-color:#000;font-size:18px;font-weight:600;height:40px;color:#fff}.editInput,.saveEdit__btn{width:100%;border-radius:4px}.editInput{min-height:40px;margin-bottom:10px;padding:5px 10px}.editTextarea{height:80px;width:100%;padding:5px 10px}.cancelEdit{font-size:24px;margin-bottom:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;justify-content:flex-end;width:100%}}.profileButton>button{background:#000;color:#fff;padding:6px 10px;font-size:24px;margin:0 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:4px;font-weight:700;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;transition:.3s ease-in-out}.profileButton button:hover{transform:scale(1.1);background:var(--primary-color);color:#fff}.selected button{color:"white";background:var(--primary-color)}@media(max-width:780px){.profileButton>button{font-size:20px}}@media(max-width:480px){.profileButton>button{background:#000;color:#fff;padding:4px;font-size:14px;margin:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:4px;font-weight:700;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;transition:.3s ease-in-out}}.userData__wrapper{width:90vw}.cardContainer{display:grid;width:100%;grid-template-columns:1fr 1fr}@media(max-width:480px){.cardContainer{justify-items:center;grid-template-columns:1fr}}.pd__postContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));width:100%;grid-gap:5px;place-content:center;flex-wrap:wrap;padding:auto}.pd__postContainer>a,.userPostImg{place-self:center}.userPostImg{width:260px;height:260px;margin:0 2px;transition:.3s ease-in-out;box-shadow:0 1px 1px rgba(9,30,66,.25),0 0 1px 1px rgba(9,30,66,.13);background:#fff}@media(max-width:820px){.pd__postContainer{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.userPostImg{width:200px;height:200px}}@media(max-width:480px){.pd__postContainer{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.userPostImg{width:150px;height:150px}}.showPost{width:100%;display:flex;justify-content:center;place-items:center;min-height:80vh}.showPost__wrapper{width:80%;background-color:#fff;display:flex;position:relative}.sP__postImg{width:50%;max-height:60vh;height:auto}.sP__postDetail{display:flex;flex-direction:column;flex:1 1;width:200px;padding:10px}.sP__userDetail{display:flex;place-items:center;margin-bottom:10px}.sP__userPic{width:50px;height:50px;border-radius:50%}.sP__username{font-weight:600;font-size:20px;margin-left:5px}.sP__Caption{background:#e6e4e4;min-height:60px;padding:10px}.postEdit__wrapper{flex:1 1;display:flex;justify-content:flex-end}.editPost__modal{width:100px;top:-5px;line-height:34px;right:15px;background:#fff;padding:4px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3)}.editPost__modal,.postEdit__form{position:absolute;display:flex;flex-direction:column}.postEdit__form{transform:translate(80%,80%);padding:15px;width:40%;background-color:#e9e9e9;border-radius:4px;box-shadow:0 1px 2px 0 rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15)}.postEdit__form>textarea{background-color:#b7acf3;height:40px;width:100%;height:100px;margin-bottom:10px;border:0;padding:4px 6px;font-size:18px;border-radius:4px}.postEdit__form>textarea::-webkit-input-placeholder{color:#000}.postEdit__form>textarea:-ms-input-placeholder{color:#000}.postEdit__form>textarea::placeholder{color:#000}.postEdit__btn{display:flex;justify-content:space-evenly}.postEdit__btn>button{flex-grow:1;margin:2px;padding:6px;font-size:18px;background:#fff;border:1px solid #000;transition:.3s ease-in-out}.postEdit__btn>button:hover{transform:scale(1.05);color:#fff;background:var(--primary-color)}@media(max-width:780px){.showPost__wrapper{flex-direction:column;width:90%;margin-top:10px}.sP__postImg{width:100%;height:auto;max-height:360px}.sP__userPic{width:40px;height:40px}.sP__postDetail{width:100%}.sP__username{font-weight:600;font-size:16;margin-left:5px}.sP__Caption{width:100%}.postEdit__form{width:80%;transform:translate(10%,100%)}}
/*# sourceMappingURL=main.32c87e47.chunk.css.map */