@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);:root{--outlineColor:hsla(0,0%,43%,.188);--outlineFeedColor:hsla(0,8%,84%,.5);--cardColor:hsla(0,0%,100%,.773);--feedCardColor:#fff;--inputBg:hsla(0,6%,94%,.9);--iconColor:hsla(0,15%,55%,.91);--gray:rgba(36,45,73,.65);--profileBoxShadow:0px 4px 17px 2px rgba(0,0,0,.25);--feedBoxShadow:0px 4px 17px 2px hsla(0,0%,72%,.145);--gradient-color1:linear-gradient(114deg,#b0884a,rgba(160,70,252,.708) 78%);--outlineColor-dark:rgba(104,97,86,.19);--outlineFeedColor-dark:rgba(47,51,53,.5);--cardColor-dark:rgba(24,26,27,.827);--feedCardColor-dark:#181a1b;--inputBg-dark:rgba(33,36,37,.9);--iconColor-dark:hsla(34,10%,58%,.91);--gray-dark:rgba(177,195,217,.65);--profileBoxShadow-dark:0px 4px 17px 2px hsla(0,2%,52%,.559);--feedBoxShadow-dark:0px 4px 17px 2px hsla(0,0%,72%,.145);--gradient-color1-dark:linear-gradient(114deg,#8d6d3b,rgba(81,3,161,.71) 78%);--text-color-dark:#e8e6e3}.App{height:100vh;overflow:auto;transition:all 1s linear}#light,.App{background-color:#f3f3f3}#dark{background-color:#131516}body{font-family:Roboto,sans-serif;margin:0;padding:0}.firework,.firework2{background:rgba(124,37,170,.419);border:50%;-webkit-filter:blur(80px);filter:blur(80px);height:20rem;overflow:hidden;position:absolute;width:15rem;z-index:0}.firework2{background:#b0884a;-webkit-filter:blur(160px);filter:blur(160px);z-index:0}.button{background:#b0884a;background:linear-gradient(114deg,#b0884a,rgba(160,70,252,.708) 78%);background:var(--gradient-color1);border:none;border-radius:20px;color:#fff;cursor:pointer;outline:none;transition:all .2s ease-in-out}.button:hover{color:grey}.input{align-items:center;background:hsla(0,6%,94%,.9);background:var(--inputBg);border:1px solid hsla(0,0%,43%,.188);border:1px solid var(--outlineColor);border-radius:50px;display:flex;height:3rem;justify-content:space-between;outline:none;padding-left:8px;padding-right:6px;width:100%}::-webkit-scrollbar{display:none}.navbar,.navbar-dark{display:grid;grid-template-columns:10rem auto 10rem;position:relative;z-index:3}.logo-section{align-self:center;padding:8px}.logo-section>.logoText{-webkit-text-fill-color:transparent;background:linear-gradient(114deg,#b0884a,rgba(160,70,252,.708) 78%);-webkit-background-clip:text;cursor:pointer;font-size:30px}.middle-section{gap:10rem;padding:8px}.middle-section,.searchContent{align-items:center;display:flex;justify-content:center}.searchContent{background:var(--inputBg);border:1px solid var(--outlineColor);border-radius:20px;font-size:14px;height:30px;min-width:100px;outline:none;padding-left:8px;padding-right:8px;width:30%}.searchBox{background:transparent;border:none;border-radius:20px;outline:none;width:100%}.create-btn:hover{color:#d4b6ef}.right-section{display:flex;gap:3px;justify-content:flex-end;padding:8px}.right-section>div{color:var(--iconColor);cursor:pointer;transition:all .3s ease-in-out}.right-section>div:hover{color:#fff}.followPanel{display:flex;flex-direction:column}.followPanel-dark{color:var(--text-color-dark)}.followPanel>h3{color:var(--gradient-text)}.followerCard{display:flex;justify-content:space-between;margin-top:20px}.followerDetails,.followerPhoto{cursor:pointer}.followerPhoto>img{border-radius:50%;height:3.2rem;position:relative;width:3.2rem}.followerDetails{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding-left:8px;width:80%}.followerDetails>div:first-of-type{font-weight:700}.followerDetails>div:nth-of-type(2){font-size:14px}.followPanel-follow-btn{color:#fff;font-weight:700;height:50px;width:100px}.followPanel>h3{margin-bottom:0}.UserCardModal{align-items:center;display:flex;flex-direction:column;gap:8px}.userCardModal-btn{color:#fff;font-weight:700;height:40px;width:100%}.UserCardModal>input,textarea{background-color:var(--inputBg);border:none;border-radius:5px;font-size:16px;height:38px;outline:none;padding:2px;width:100%}textarea{height:100px;resize:vertical}.PreviewProfilePhoto{padding:8px}.PreviewProfilePhoto>img{border-radius:50%;box-shadow:var(--profileBoxShadow);cursor:pointer;height:150px;object-fit:cover;width:150px}.userCard,.userCard-dark{align-items:center;background-color:var(--cardColor);border:1px solid var(--outlineColor);border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:8px;position:relative}.userCard-dark{background-color:var(--cardColor-dark);border:1px solid var(--outlineColor);color:var(--text-color-dark)}.userCard-dark>.setting,.userCard>.setting{cursor:pointer;position:absolute;right:8px;top:5px}.profilePhoto{padding:8px}.profilePhoto>img{border-radius:50%;box-shadow:var(--profileBoxShadow);cursor:pointer;height:150px;object-fit:fill;width:150px}.userCard-dark>.profilePhoto>img{box-shadow:var(--profileBoxShadow-dark)}.userDetails{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:center}.userDetails>div:first-of-type{font-size:18px;font-weight:700}.userDetails>div:nth-of-type(2){color:var(--gray);font-size:14px}.userCard-dark>.userDetails>div:nth-of-type(2){color:var(--gray-dark)}.social-details{display:flex;gap:2rem;margin-top:2rem}.followerDetail,.followingDetail,.postDetail{display:flex;flex-direction:column}.social-details>.followerDetail>div:first-of-type,.social-details>.followingDetail>div:first-of-type,.social-details>.postDetail>div:first-of-type{align-self:center;font-weight:700}.social-details>.followerDetail>div:nth-of-type(2),.social-details>.followingDetail>div:nth-of-type(2),.social-details>.postDetail>div:nth-of-type(2){align-self:center;color:var(--gray);font-size:12px;font-weight:700}.userCard-dark>.social-details>.followerDetail>div:nth-of-type(2),.userCard-dark>.social-details>.followingDetail>div:nth-of-type(2),.userCard-dark>.social-details>.postDetail>div:nth-of-type(2){color:var(--gray-dark)}.setting{color:var(--iconColor);cursor:pointer;transition:all .3s ease-in-out}.userCard-dark>.setting{color:var(--iconColor-dark)}.setting:hover{color:#464343}.leftSection{display:flex;flex-direction:column}@media (max-width:480px){.leftSection{display:none}}.mainSection{-ms-overflow-style:none;align-items:center;border-radius:1rem;display:flex;flex-direction:column;gap:1rem;height:92vh;margin-left:10px;overflow:auto;padding:2px;position:relative;scrollbar-width:none;width:100%}@media (max-width:480px){.mainSection{overflow-x:hidden}}.postFeed,.postFeed-dark{align-items:center;background-color:var(--feedCardColor);border-radius:10px;box-shadow:var(--profileBoxShadow);display:flex;flex-direction:column;justify-content:center;outline:1px solid var(--outlineColor);padding:20px;position:relative;width:90%}.postFeed-dark{background-color:var(--feedCardColor-dark)}.wrapper{display:flex;flex-direction:row;justify-content:flex-start;width:100%}.postFeedInput{gap:3px}.postFeedInput,.postFeedInput>.feedInputWrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.postFeedInput>.feedInputWrapper{background:var(--inputBg);border:none;border-radius:10px;font-size:16px;height:80%;padding:2px}.feedInputWrapper>input{background-color:initial;border:none;font-size:18px;height:90%;outline:none;width:100%}.feedInputWrapper>.imageIcon{color:var(--gray);cursor:pointer}.shareFeed-btn{border-radius:15px;font-weight:700;height:3.5rem;width:5rem}.postFeedProfilePhoto{display:flex;justify-content:flex-start}.postFeedProfilePhoto>img{height:3rem;width:3rem}.FeedImagePreview{padding:8px;position:relative;width:100%}.FeedImagePreview>img{border-radius:20px;height:500px;object-fit:cover;width:100%}.FeedImagePreview>.cancelButton{position:absolute;right:20px}.cancelButton>.cancelIcon{color:red;cursor:pointer}@media (max-width:480px){.feedInputWrapper>input{font-size:80%}}.FeedCommentModal,.commentCard{align-items:center;display:flex;flex-direction:column;justify-content:center}.commentCard{gap:8px;width:90%}.commentContainer{display:flex;flex-direction:column;width:50%}.commentDivider{display:flex;gap:8px}.commentDivider>.commenter{cursor:pointer;font-weight:700}.DeleteFeedModal{align-items:center;display:flex;flex-direction:column}.deleteFeedModal-btnSelections{display:flex;gap:8px;justify-content:space-evenly}.editFeedModal{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.editFeedModal-photo{cursor:pointer;width:90%}.editFeedModal-noPhoto,.noPhotoIcon{align-items:center;display:flex;flex-direction:column;justify-content:center}.noPhotoIcon{cursor:pointer}.editFeedModal-desc{width:50%}.editFeedModal-btnSection{display:flex;gap:10px;justify-content:space-evenly}.editFeedModal-confirmBtn{height:100px}.feed,.feed-dark{background-color:var(--feedCardColor);border-radius:10px;box-shadow:var(--profileBoxShadow);display:flex;flex-direction:column;gap:1rem;outline:1px solid var(--outlineColor);padding:20px;position:relative;width:90%}.feed-dark{background-color:var(--feedCardColor-dark);color:var(--text-color-dark)}.header{align-self:flex-start;display:flex;flex-direction:row;width:100%}.feed-profilePhoto>img{cursor:pointer;max-height:50px;max-width:50px;object-fit:cover}.feed-userDetails{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;gap:3px;justify-content:center}.feed-userDetails>div:first-of-type{color:#000;font-size:16px;font-weight:700}.feed-userDetails>div:nth-of-type(2){color:gray;font-size:14px}.feed-dark>.header>.feed-userDetails>.username{color:var(--text-color-dark)}.feed-dark>.header>.feed-userDetails>.location{color:var(--gray-dark)}.feedOption{cursor:pointer;margin-left:auto;position:absolute;right:20px}.feedPhoto>img{border-radius:20px;display:block;max-height:30rem;object-fit:cover;width:100%}.feedActions{justify-content:space-between}.feedActions,.feedActions>div{align-items:center;display:flex}.feedActions>div{gap:2px;justify-content:center}.feedActions>div>span{font-size:14px;font-weight:700}hr{border:1px solid var(--outlineColor);width:100%}.feedDescription{font-size:20px;font-weight:700;overflow-wrap:break-word}.feedCommentSection{align-items:center;display:flex;gap:8px;justify-content:center}.feedCommentSection>.commentBox{align-items:center;background:var(--inputBg);border:1px solid var(--outlineColor);border-radius:50px;display:flex;height:3.2rem;justify-content:space-between;outline:none;padding-left:8px;padding-right:6px;width:100%}.commentBox>.feedCommentInput{background:transparent;border:none;font-size:16px;height:90%;outline:none;width:100%}.send-btn{color:var(--gray)}.feedActions>.feedComment:hover,.feedActions>.feedHeart:hover,.feedActions>.feedSave:hover,.feedActions>.feedShare:hover,.send-btn{cursor:pointer}.userPost,.userPost-dark{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.userPost-controller{width:100%}.userPost-selector{display:flex;justify-content:flex-end;padding-right:25px}@media (max-width:480px){.userPost-selector{display:flex;justify-content:flex-end;width:100%}}.newsFeedModal{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%}.newsFeedModal>.newsSource{display:flex;font-size:12px;gap:20px}.newsFeedModal>.newsPhoto>img{border-radius:10px;height:500px;object-fit:cover;width:100%}.newsFeedModal>.sourceLink{font-size:smaller}.newsFeed,.newsFeed-dark{display:flex;flex-direction:column;width:100%}.newsFeed-dark:hover,.newsFeed:hover{background-color:var(--outlineFeedColor);border-radius:5px;cursor:pointer}.newsFeed-dark:hover{background-color:var(--outlineFeedColor-dark)}.newsFeed-dark>.header,.newsFeed>.header{display:flex;gap:8px}.header>div{color:gray;font-size:12px}.newsFeedDetails{align-items:center;display:flex;gap:8px;justify-content:space-between}.newsFeedImage>img{border-radius:10px;height:60px;object-fit:cover;width:60px}.newsFeedDetails>.headline{font-size:14px;font-weight:700;max-width:90%;overflow:hidden}.newsCard,.newsCard-dark{background-color:var(--cardColor);border:1px solid var(--outlineColor);border-radius:20px;display:flex;flex-direction:column;gap:8px;padding:8px;width:100%}.newsCard-dark{background-color:var(--cardColor-dark);color:var(--text-color-dark)}.rightSection{display:flex;flex-direction:column;position:relative}@media (max-width:480px){.rightSection{display:none}}.home-content{display:grid;grid-template-columns:minmax(15rem,20rem) minmax(45rem,55rem) minmax(15rem,20rem);justify-content:center;padding:8px 8px 0}@media (max-width:480px){.home-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem 1.5rem 1rem 1rem}}.loginSection,.loginSection-dark{align-items:center;display:flex;flex-direction:column;gap:8px;height:50%;justify-content:center;position:relative;width:50%}.loginSection-dark{color:#fff}.loginSection-dark>input,.loginSection>input{border-radius:10px}.loginInput{background:var(--inputBg);border:1px solid var(--outlineColor);border-radius:50px;display:flex;height:3rem;outline:none;padding-left:6px;padding-right:6px;width:100%}.login-btn{align-items:center;border-radius:10px;display:flex;font-weight:700;justify-content:center;min-height:50px;width:102%}.demoLogin-btn{background-color:aqua;color:#ff0}.signupSection,.signupSection-dark{align-items:center;display:flex;flex-direction:column;gap:8px;height:50%;justify-content:center;position:relative;width:50%}.signupSection-dark{color:#fff}.signupSection-dark>input,.signupSection>input{border-radius:10px;height:2.5rem}.signupSection-dark>.signup-btn,.signupSection>.signup-btn{border-radius:10px;font-weight:700;height:3rem;width:102%}.mainPage,.mainPage-dark{height:90vh}.main-leftSection,.mainPage,.mainPage-dark{display:flex;justify-content:center;width:100%}.main-leftSection{align-items:center;flex-direction:column}.mainPage-dark>.main-leftSection{color:#fff}.main-leftSection>h1{-webkit-text-fill-color:transparent;background:linear-gradient(114deg,#b0884a,rgba(160,70,252,.708) 78%);-webkit-background-clip:text;font-size:50px}.main-rightSection{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.notice-btn{color:rgba(160,70,252,.708);cursor:pointer;font-weight:700}.mainPage-dark>.main-rightSection>.notice{color:#fff}@media (max-width:480px){.main-leftSection{display:none}.main-rightSection{justify-content:flex-start;z-index:3}}.profileFeed-UserCardModal{display:grid;grid-template-columns:1fr 1fr}.profileFeed-feedPhoto>img{align-items:center;border-radius:8px;box-shadow:var(--profileBoxShadow);display:flex;height:500px;justify-content:center;object-fit:fill;width:500px}.profileFeed-details{display:flex;flex-direction:column;height:100%;width:100%}.profileFeed-header{align-items:center;display:flex;gap:10px}.profileFeed-profilePhoto>img{border-radius:50%;box-shadow:var(--profileBoxShadow);height:45px;object-fit:fill;width:45px}.profileFeed-fullName{font-size:18px;font-weight:700}.profileFeed-username{font-size:13px}.profileFeed-body{align-items:center;display:flex;gap:10px;margin-top:10px}.profileFeed-description{height:100%;overflow-wrap:break-word;width:100%}.profileFeed-feedPhoto-unavailable{color:hsla(0,0%,50%,.914);font-size:20px;font-weight:700;text-align:center}.profileFeed-date{font-size:12px;margin-top:10px}.profileFeed-footer{margin-top:auto}.profileFeed-socialActions{align-items:center;display:flex;gap:8px;margin-top:10px}.profileFeed-footer>.profileFeed-commentBox{align-items:center;background:var(--inputBg);border-radius:50px;display:flex;height:3.2rem;justify-content:space-between;margin-top:10px;padding-left:8px;padding-right:6px;width:100%}.profileFeed-commentBox>.feedCommentInput{background:transparent;border:none;font-size:18px;height:90%;outline:none;width:100%}.profileFeed-socialActions>.feedHeart:hover,.profileFeed-socialActions>.feedSave:hover,.profileFeed-socialActions>.feedShare:hover{cursor:pointer}.profileFeed-noComments{color:hsla(0,0%,50%,.914);font-size:20px;font-weight:700;text-align:center}.profileFeed-userComments{display:flex;gap:8px;margin-top:8px}.profileFeed-userComments-username{cursor:pointer;font-size:16px;font-weight:700}.profileFeed-details>.profileFeed-mobileFeedPhoto{display:none}@media (max-width:480px){.profileFeed-UserCardModal{display:flex;flex-direction:column}.profileFeed-feedPhoto{display:none}.profileFeed-details>.profileFeed-mobileFeedPhoto{display:block}.profileFeed-mobileFeedPhoto>img{border-radius:8px;box-shadow:var(--profileBoxShadow);height:100%;object-fit:fill;width:100%}}.profileFeed-description{overflow:hidden}#profileFeed-card{cursor:pointer}.profile{flex-direction:column;justify-content:center}.profile,.profile-header{align-items:center;display:flex}.profile-header{gap:50px;z-index:3}.profile-profilePhoto>img{border-radius:50%;box-shadow:var(--profileBoxShadow);height:200px;object-fit:fill;width:200px}.profile-profileDesc{align-items:center;display:flex;flex-direction:column;justify-content:center}.profile-username{font-size:18px;font-weight:700}.profile-profileDesc-Header{align-items:center;display:flex;gap:20px}.profile-follow-btn{height:40px;width:100px}.profile-desc{height:100px;line-height:1.6;margin-top:20px;overflow:hidden;width:300px}.profile-feedSection{margin-top:20px;z-index:3}.profile-feedGrid{grid-gap:15px;display:grid;gap:15px;grid-auto-rows:450px;grid-template-columns:repeat(3,minmax(20rem,25rem))}@media (max-width:480px){.profile-header{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.profile-profilePhoto>img{border-radius:50%;box-shadow:var(--profileBoxShadow);height:100px;object-fit:fill;width:100px}.profile-profileDesc-Header{align-items:center;display:flex;flex-direction:column;gap:8px}.profile-feedGrid{grid-gap:5px;display:grid;gap:5px;grid-auto-rows:200px;grid-template-columns:repeat(2,1fr);padding:1rem}}.about-section{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.about-box{background-color:#fff;border-radius:10px;height:50%;width:50%}.about-box>.about-title{font-size:xx-large;font-weight:bolder;padding:20px;text-align:center}.about-box>.about-description{line-height:1.8;padding:10px;text-align:center}.about-dejavu{-webkit-text-fill-color:transparent;background:linear-gradient(114deg,#b0884a,rgba(160,70,252,.708) 78%);-webkit-background-clip:text;display:inline;font-size:larger;font-weight:bolder}@media (max-width:480px){.about-box{background-color:hsla(0,0%,100%,.23);border-radius:10px;height:90%;width:90%;z-index:1}}.passwordModal{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:8px;width:100%}.passwordModal>.passwordModal-title{font-size:x-large;font-weight:bolder;padding:20px}.passwordModal>.passwordInput-section{width:90%}.passwordModal>.changePassword-Confirm{display:flex;gap:10px;padding:10px}.profile-tile{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center}.profile-tile>.profile-name{font-weight:700}.followerProfilePhoto>img{height:80px;width:80px}.followerModal{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:8px;width:100%}.followerModal>.followerModal-title{font-size:x-large;font-weight:bolder;padding:20px}.followerModal>.followerModal-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.settings-section{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.settings-box{height:50%;width:50%;z-index:100}.settings-box>.settings-title{font-size:xx-large;font-weight:bolder;padding:20px;text-align:center}.settings-box>.settings-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,150px);justify-content:center}.settings-tile{align-items:center;background-color:var(--feedCardColor);border-radius:10px;box-shadow:var(--profileBoxShadow);cursor:pointer;display:flex;flex-direction:column;height:80px;justify-content:center;outline:1px solid var(--outlineColor);padding:8px;width:80%}.settings-tile:hover{background-color:var(--outlineFeedColor)}.tile-description{font-weight:700;text-align:center}@media (max-width:480px){.settings-box{background-color:hsla(0,0%,100%,.23);border-radius:10px;height:90%;width:90%}.settings-box>.settings-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,150px);justify-content:center}}.followingModal{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:8px;width:100%}.followingModal>.followingModal-title{font-size:x-large;font-weight:bolder;padding:20px}.followingModal>.followingModal-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.followingModal-emptyText{font-weight:700;text-align:center;width:100%}
/*# sourceMappingURL=main.b5a32a48.css.map*/