main{background-color:#3b3b3b;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;max-width:1400px;overflow-y:auto;padding:1rem;width:100vw}nav{font-size:2rem;font-weight:700}header{align-items:center;background-color:#636362;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;padding:3rem}@media screen and (min-width:850px) and (max-width:929px){header{align-items:flex-end;flex-direction:row;flex-wrap:wrap-reverse;justify-content:space-between}}@media screen and (max-width:849px){header{align-items:flex-end;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:1rem}.card{width:100%}}@media screen and (min-width:929px){header{flex-direction:row;justify-content:space-around}}.card{align-items:center;background-color:#9b9b9b;border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem;max-width:100%;padding:2rem 1rem;width:400px}.cardText{font-size:1.5rem;margin:0}.cardTextGreen{color:var(--color-green)}.cardTextRed{color:var(--color-orange)}@media screen and (max-width:849px){.card{width:100%}}.Button{border:none;border-radius:.75rem;color:inherit;cursor:pointer;outline:none}.Button img{max-width:25px}.largeButton{font-weight:500;padding:.5rem 2rem}.mediumButton{font-weight:500;padding:.5rem 1rem}.smallButton{font-weight:500;padding:.5rem}.gradientGreen{background:linear-gradient(90deg,#b5dc52,#89e148)}.gradientRed{background:linear-gradient(90deg,#ff9595,#ff4747 80%,#ff3838)}.backgroundOrange{background-color:var(--color-orange)}.backgroundRed{background-color:var(--color-red)}.backgroundWhite{background-color:#fff;color:#000}.backgroundDarkGreen{background-color:#43967b;color:#fff}.shadow{box-shadow:2px 2px 5px 2px #949194}.Modal{align-items:center;background-color:hsla(0,0%,100%,.418);bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.modalBody{background-color:#efefef;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;max-width:90vw;padding:2rem;width:538px}.modalForm{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.formInputsDiv{grid-gap:1rem;display:grid;gap:1rem;grid-template-rows:1fr;width:100%}.formButtons{align-items:center;display:flex;gap:1rem;justify-content:center}.modalHead{color:#000;font-size:1.875rem}.formInput{background-color:var(--color-white);border:none;border-radius:1rem;font-size:.9rem;outline:none;padding:.75rem;width:100%}.formInput,.modalBody button{box-shadow:0 4px 4px 1px #c8c8c8}.balanceFormInputDiv{align-items:center;display:flex;justify-content:center;width:100%}.balanceFormInputDiv input{width:100%}@media screen and (min-width:780px){.formInputsDiv{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr}.balanceFormInputDiv,.formInput{width:200px}.balanceForm{flex-wrap:nowrap}.balanceForm button{padding:.5rem 1rem!important}}.pieChart{align-items:center;display:flex;flex-direction:column;gap:1rem}.pie{border-radius:50%;height:200px;width:200px}.pieLabelsDiv{gap:1rem}.pieLabel,.pieLabelsDiv{align-items:center;display:flex;justify-content:center}.pieLabel{gap:.2rem;height:.9rem}.labelColorBar{background-color:red;height:.5rem;width:2rem}.labelText{font-size:.9rem}.AppBody{display:flex;flex:1 1;flex-direction:column;gap:1rem;margin-top:1rem;width:100%}.AppBody h2{font-size:1.75rem;font-style:italic}@media screen and (min-width:780px){.AppBody{flex-direction:row}}.Transactions{display:flex;flex:1 1;flex-direction:column}.TopExpensesBody,.TransactionBody{background-color:#fff;border-radius:.75rem;display:flex;flex:1 1;flex-direction:column;padding:1rem .5rem}.transactionBodyUpper{flex:1 1;margin:0;padding:0;width:100%}.transactionPage{display:flex;flex-direction:column;gap:1rem;height:100%;width:100%}.recharts-bar-rectangle{border-radius:0 8px 8px 0!important}.PageNavigateBar{align-items:center;display:flex;justify-content:center}.TransactionBar{align-items:center;border-bottom:2px solid hsla(0,0%,50%,.507);color:#000;display:flex;font-weight:300;gap:.5rem;padding:.5rem .25rem;width:100%}.transactionIcon{align-items:center;background-color:#d8d9d8;border-radius:50%;display:flex;height:3rem;justify-content:center;width:3rem}.transactionIcon img{max-width:25px}.TransactionBarBody{align-items:center;display:flex;flex:1 1;font-size:1rem;justify-content:space-between}.TransactionText{align-items:flex-start;display:flex;flex-direction:column}.TransactionDate{opacity:.7}.TransactionAmount{font-weight:400}:root{--color-white:#fff;--color-green:#b5dc52;--color-orange:#f4bb4a;--color-red:#ff3e3e}*,:after,:before{box-sizing:border-box}*{margin:0}body,html{align-items:center;background-color:#3b3b3b;color:#fff;color:var(--color-white);display:flex;font-family:Ubuntu;justify-content:center;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}
/*# sourceMappingURL=main.b73ae7e8.css.map*/