.feedContainer,.upper{display:flex;flex-direction:column}body{max-width:40rem;margin:0 auto;position:relative;padding-bottom:8rem}.mainContainer{background:#161823;min-height:100vh;max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content;position:relative}.title{z-index:1;color:#d8d8d8;font-size:1.5rem;text-align:left;padding:0 10% 0 5%;margin-top:70%}.preview,.title{font-weight:500;width:100%;box-sizing:border-box}.preview{position:relative;z-index:5;padding-top:2%;color:#bebebe;font-size:18px;padding-bottom:5%;border-bottom:1px solid #777;overflow:hidden;height:7rem}.previewContent{height:100%}.titleFeed:hover{color:#aaf2ff!important}.linearGrad{top:65%;position:absolute;height:15rem;width:140%;left:-20%;transform:rotate(15deg);background-image:linear-gradient(-45deg,rgba(80,80,252,.418),rgba(250,79,79,.432));z-index:1}@media only screen and (min-width:500px){body{padding-bottom:4rem}.title{padding:0 25% 0 5%;font-size:2.5rem}.linearGrad{width:120%;left:-10%}.preview{font-size:30px}}.feedContainer,.feedItem{width:100%}.feedItem{background-position:top;background-repeat:no-repeat;background-size:100% auto;overflow-x:hidden;border-bottom:4rem solid #e5e5ff}.feedItem,.upper{position:relative}.upper{align-items:center}.upper:hover{cursor:pointer}.lower{position:relative;padding:0 5%;margin-top:5%;background:linear-gradient(rgba(255,0,0,0) 15%,#161823 0 100%);height:-webkit-max-content;height:-moz-max-content;height:max-content}.authorDate,.lower{box-sizing:border-box}.authorDate{padding-top:5%;display:flex;justify-content:space-between;color:#bebebe;font-size:1.2rem}.date,.name{color:#e2e2e2}.likes{padding-top:5%;padding-bottom:5%;justify-content:space-between;flex-wrap:wrap}.likedBy,.likes{display:flex;align-items:center}.likeImages{height:30px;width:30px;border-radius:50%;margin:7px}.likeCount{background-color:#fd51d9;border-radius:30%/50%;padding:3px 5px;color:#fff;margin:7px;min-width:1rem;display:flex;justify-content:center}.likedThis{color:#919191}.navbar{display:flex;justify-content:space-between;background:#1d1f2b;height:3rem;position:fixed;bottom:0;width:100%;max-width:40rem;z-index:5}.navItem{height:100%;width:20%;display:flex;justify-content:center;align-items:center}.navItem:hover{cursor:pointer}.navImg{height:50%;width:50%}@media only screen and (min-width:500px){.navbar{height:4rem}}.statistic{display:flex;flex-direction:column;background:#161823;width:100%;padding-bottom:8rem;position:relative}.goBack_LogoCont{margin:5rem 2rem 2rem}.diagramClickInfo,.goBack_LogoCont{display:flex;justify-content:center}.diagramClickInfo{width:15px;height:15px;border-radius:50%;border:2px solid #fff;position:absolute;align-items:center}.diagramClickInfo:hover{cursor:pointer}.diagramClickInside{background:#fff;width:5px;height:5px;border-radius:50%}.goBack{position:fixed;top:15px;height:1.5rem;width:1.5rem;border-radius:50%;border:1px solid grey;padding:.5rem;z-index:11}.logo{display:flex;align-items:center;color:#fff;font-size:1.4rem}.logoImg{margin:0 1rem;width:2rem;height:2rem}.months{margin-top:2rem;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;background:#0e0f1a}.month,.months{position:relative}.month{padding:1rem;margin:0 1rem;color:#fff;font-size:15px;border-radius:5px}.month:hover{cursor:pointer;background:#78a6fc}.monthsContainer{overflow-x:scroll}.chart{margin:4rem auto 2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chart,.circle{display:flex;justify-content:center}.circle{width:13rem;height:13rem;background:#0e0f1a;align-items:center}.circle,.circle1{border-radius:50%}.circle1{width:10rem;height:10rem;background:#161823}.dataInfoCont{justify-content:center;color:#ececec;margin-bottom:2rem;height:4rem}.dataInfo,.dataInfoCont{display:flex;align-items:center}.dataInfo{flex-direction:column;font-size:1.5rem}.dataName{color:#dfdfdf;font-size:1.5rem}.centerBalance{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;flex-direction:column;align-items:center}.balanceNumber{color:#fff;font-size:1.2rem;display:flex;align-items:flex-start}.decimalPortion{font-size:.7rem}.decimalPortionIncomeExpense{padding:3px 0;font-size:.7rem;display:flex;flex-direction:column;justify-content:space-between;margin:0 3px}.balance{color:#a3a3a3;font-size:1.1rem;padding-top:5px}.incomeExpense{display:flex;justify-content:center;flex-wrap:wrap}.income{border-radius:5%;border:1px solid #7070ff}.expense,.income{padding:.5rem .7rem;margin:1rem 2rem;font-size:2rem;color:#fff;box-sizing:border-box;position:relative;display:flex}.expense{border-radius:5%;border:1px solid #ff6464}.youNeedToSignIn{padding:5px;font-size:1.5rem;color:#ff6e6e;margin:3rem auto}.addData{margin:3rem auto;width:100%}.addData,.addYourSpendings,.incomeInputCont{display:flex;flex-direction:column;align-items:center}.addYourSpendings,.incomeInputCont{width:90%;color:#51be51;font-size:1.3rem}.incomeInputCont{border-bottom:1px solid #ff8a8a;padding-bottom:2rem}.goBack:hover{cursor:pointer}.dataAddCont{display:flex;margin:2rem;color:#001e80;flex-wrap:wrap;width:90%;align-items:center;justify-content:center;border:1px solid #aaf;box-sizing:border-box;position:relative}.incomeInput{height:2rem;font-size:1.5rem;padding:2px;width:50%;margin:2rem}.dataAddValueCont{position:relative;display:flex}.addAnotherValue{position:absolute;right:0;top:50%;transform:translateY(-50%);height:70%}.addAnotherValue:hover{cursor:pointer}.secondValueInputCont{position:relative}.dataAddNameCont{display:flex;margin:1rem;justify-items:center}.dataAddNameInput{height:2rem;font-size:1.1rem;width:100%}.addData input{border-radius:5px;border:1px solid #000;padding:5px;box-sizing:border-box;margin:0 .5rem}.addAnotherMonthData{display:flex;justify-content:center}.addAnotherMonthData:hover{cursor:pointer}.changeDataEntries{display:flex;justify-content:center;margin:3rem 0 0}.changeDataEntriesButton{background:rgba(135,241,135,.137);color:#fff;font-size:1.3rem;border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem;border:0}.changeDataEntriesButton:hover{background:#85f885;cursor:pointer}.submitButton:hover{cursor:pointer}.deleteDataEntry{position:absolute;top:0;right:0;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%}.deleteDataEntry:hover{cursor:pointer}::-webkit-scrollbar-thumb{background:#00f;border-radius:3px;width:10px}::-webkit-scrollbar{height:5px}@media only screen and (min-width:500px){.month{font-size:20px}.logoImg{height:1.5rem;width:1.5rem}.expense,.income{padding:1rem 1.5rem}::-webkit-scrollbar{height:10px}}.authenticationContainer{display:flex;flex-direction:column;width:100%;align-items:center;margin:auto;color:#5eb95e;font-size:large;text-align:center;position:relative}.pleaseEnter{margin:5rem 1rem}.login,.password{margin:2rem auto}.input{width:95%;padding:2px 2rem;box-sizing:border-box;color:#5c5c5c}.input,.submitButton{height:3rem;font-size:1.5rem}.submitButton{background:#513ff7;border-radius:5%;width:7rem;margin:2rem;color:#aedfff;padding:0}.showUserName{background:#fff;color:#6890ff;text-align:center;border-radius:2px;font-size:1.5rem}.profilePicCont{position:fixed;top:1.5rem;z-index:20;display:flex;flex-direction:column;align-items:flex-end}.loggedIn{margin:4rem 2rem 2rem;font-size:1.3rem}.logOut{background:#ff9393;font-size:1.3rem;display:flex;align-items:center;justify-content:center;border-radius:5px;padding:.5rem;color:#fff;margin:1rem}.logOut:hover{cursor:pointer}.errorMessage{height:2rem;text-align:center;color:red;font-size:1.3rem}.absProfilePic{border-radius:50%;height:40px;width:40px}@media only screen and (min-width:500px){.authenticationContainer{width:70%}}.postFullText{position:relative;z-index:5;padding-top:2%;color:#bebebe;font-size:30px;font-weight:500;padding-bottom:5%;box-sizing:border-box;border-bottom:1px solid #777;width:100%}.addYourPost{display:flex;flex-direction:column;align-items:center;color:#b1b1ff;font-size:1.2rem;margin-top:1rem;margin-bottom:1rem}.addYourPostImg{height:30px;width:30px;margin-bottom:1rem}.addYourPostImg:hover{cursor:pointer}@media only screen and (min-width:500px){.addYourPostImg{height:40px;width:40px}}.postComments{border-top:1px solid #ffe2e2;width:90%;display:flex;flex-direction:column;color:#fff;font-size:1.1rem;margin:auto auto 2rem}.likePost{display:flex}.likeImage{margin:.7rem;position:relative}.likeImage:hover{cursor:pointer;bottom:3px}.individualComment{margin:1rem auto;width:100%;border:1px solid #6c6cff;padding:1rem;display:flex;flex-direction:column;box-sizing:border-box}.commentsTitle{margin:2rem auto;color:#a6a6ff;font-size:1.4rem}.comment{width:90%;margin:auto}.comment,.upperPost{display:flex;flex-direction:column}.upperPost{position:relative;align-items:center}.commentCont{height:7rem;width:100%}.commentText{height:100%;width:100%;box-sizing:border-box;border-radius:5px}.submitComment{align-self:flex-end;height:2.5rem;width:5rem;margin-top:2rem;margin-bottom:1rem}.submitCommentButton{padding:0;height:100%;width:100%;border-radius:3px;background:#58caff;color:#fff}.commentAuthor{align-self:flex-end;color:#5a5afd;font-size:1.1}.youNeedToLogIn{color:#fcc}.addNewPostCont{margin:auto;color:#c1ffc1;font-size:1.2rem}.addNewPostCont,.addNewPostCont>div{display:flex;flex-direction:column;align-items:center;width:95%}.addNewPostCont>div{margin:1rem}.addNewPostCont>div>input{width:100%;margin:1rem;height:2rem;padding:3px;font-size:1.2rem}.addaNewPost{color:#90b7ff;font-size:1.5rem;margin-top:4rem!important}.addNewPostTextInput{width:100%;height:10rem;padding:5px;margin:1rem}.addNewPostSubmit{height:3rem;width:5rem;align-self:flex-end;background:#9ac2ff;color:#fff;border-radius:5px;border:0}@media only screen and (min-width:500px){.addNewPostCont>div{width:70%}}
/*# sourceMappingURL=main.af4c6e25.chunk.css.map */