#root{font-family:Arial,Helvetica,sans-serif;font-size:20px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button{outline-style:none}.expense_wrapper,.income_wrapper,.main_wrapper{background:#fff;min-height:100%;height:-webkit-min-content;height:-moz-min-content;height:min-content;width:100%}.main_wrapper{display:grid;grid-template-columns:30% auto;grid-template-rows:40% 30% 30%;grid-template-areas:"moneyflow chart" "income chart" "expense chart"}@media only screen and (max-width:960px){.main_wrapper{grid-template-columns:auto;grid-template-rows:15vh 15vh 15vh minmax(600px,auto);grid-template-areas:"moneyflow" "income" "expense" "chart"}}.main_titles{font-weight:700}.main_values{font-style:oblique}.main_summary_data{margin:auto;grid-area:moneyflow}.main_income_data{grid-area:income}.main_expense_data{grid-area:expense}.main_expense_data,.main_income_data,.main_summary_data{margin:auto;width:100%;height:100%;text-align:center;display:flex;flex-direction:row;box-shadow:-10px 0 10px 10px #e8eaf6;align-items:center;justify-content:space-around}#main_chart{grid-area:chart;height:90%;width:100%;display:flex;align-items:center;justify-content:center}.expense_wrapper,.income_wrapper{position:relative;display:grid;grid-template-columns:33% auto;grid-template-rows:20vh minmax(70vh,auto) auto;grid-template-areas:"total buttons" "chart chart" "cards cards"}@media only screen and (max-width:960px){.expense_wrapper,.income_wrapper{grid-template-columns:auto;grid-template-rows:auto auto minmax(600px,auto) auto;grid-template-areas:"total" "buttons" "chart" "cards"}}.buttons{grid-area:buttons;flex-direction:column;justify-content:space-evenly;flex-wrap:wrap;padding:5px}.buttons,.summary_data{align-items:center;box-shadow:5px 5px 5px 5px #e8eaf6}.summary_data{grid-area:total;display:flex;justify-content:center;text-align:center}.chart_area{grid-area:chart;height:95%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.detail_cards{grid-area:cards;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;box-shadow:5px 0 5px 5px #e8eaf6}.card_buttons{background:none;border:none;display:block;font-weight:700;font-size:large}.card_buttons:hover{cursor:pointer;color:#9acd32}.income_list{width:100%;list-style-type:none;justify-content:flex-start;align-items:left}.income_list,.income_list li{position:relative;padding:10px;display:flex;flex-direction:row;flex-wrap:wrap}.income_list li{background:#e1f5fe;min-width:25%;max-width:33.33333%;width:auto;height:auto;align-items:center;justify-content:space-between;margin:15px;box-shadow:-1px 1px 1px 1px #fff,-2px 2px 1px 1px #dbdbdb,-3px 3px 1px 1px #c2c2c2,-5px 5px 1px 1px #a5a5a5}.module_buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;justify-self:right}#income_module_source{font-size:xx-large;font-family:monospace;margin-left:-10px;margin-top:-20px;padding:10px 0 10px 20px;width:100%;background:#263b2c;color:#fff;text-align:left;word-wrap:break-word;font-size:22px}#income_module_amount{font-weight:700;font-style:oblique;font-size:20px;margin-left:-10px;padding:10px 0 10px 10px;word-wrap:break-word;width:auto;text-align:center}.expense_category_card{min-width:50%;max-width:75%;width:auto;height:auto;background:#e1f5fe;padding:10px;margin:10px;display:flex;flex-direction:row;justify-content:flex-start;align-items:left;flex-wrap:wrap;box-shadow:-1px 1px 1px 1px #fff,-2px 2px 1px 1px #dbdbdb,-3px 3px 1px 1px #c2c2c2,-5px 5px 1px 1px #a5a5a5}.expense_list_category{width:100%;color:#fff;background:#263b2c;text-align:center;font-weight:bolder}.expense_list{width:100%;list-style-type:none;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap}.expense_li_item{font-weight:700}.expense_li_amount{font-style:oblique;align-self:center}.expense_list li{width:100%;font-size:medium;align-items:center;flex-wrap:wrap;justify-content:space-between;padding:10px;margin-left:-20px}.all_buttons,.buttons,.expense_list li{display:flex;flex-direction:row}.all_buttons{border:none;margin:3px;width:150px;height:50px;font-weight:700;box-shadow:3px 3px 0 0 silver,-3px -3px 0 0 silver;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;align-items:center;justify-content:space-evenly;flex-wrap:wrap}.all_buttons:hover{cursor:pointer;background:#20b2aa}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;padding:20px;border:1px solid #888;width:auto;float:right;margin:15% 10% 15% auto;display:flex;flex-direction:column;align-items:left;justify-content:space-evenly;border-radius:20px}.modal-content input{width:220px;line-height:25px}.modal_buttons{padding:10px;display:flex;flex-direction:column;align-items:left;justify-content:space-between}.navbar_tab{display:block;padding:15px;font-weight:700;-webkit-transition:all .4s ease;transition:all .4s ease;margin:2px -10px 2px 2px}.navbar_tab:hover{padding-left:20px;cursor:pointer;background:#b4b9b3}.nav_selected{font-size:larger;background:#fff}#root{width:100%}#root,main{height:100vh}main{grid-template-columns:100vw;grid-template-rows:10vh 80vh 10vh;grid-template-areas:"header" "body" "footer"}.body,main{display:grid}.body{grid-area:body;background:#e8eaf6;min-height:100%;height:auto;width:100%;grid-template-columns:200px auto;grid-template-rows:100%;grid-template-areas:"navbar renderArea"}#navbar{grid-area:navbar}#dashboard_render{position:relative;display:flex;flex-direction:row;grid-area:renderArea;overflow:auto}.header{background:#afc2cb;grid-area:header}#website_logo{margin-left:20px}.footer{height:auto;background:#afc2cb;grid-area:footer}#footer_text{font-size:12px;text-align:right;margin-right:20px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f5f1cd}::-webkit-scrollbar-thumb{background:#37a170}::-webkit-scrollbar-thumb:hover{background:#312931}@media only screen and (max-width:768px){.body{grid-template-columns:100%;grid-template-rows:200px auto;grid-template-areas:"navbar" "renderArea"}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.5ce5414e.chunk.css.map */