.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--textColorGreyParagraph:#333}.main_Landing{align-items:center;background-color:#008dda;background-color:var(--blueColor);display:flex;flex-direction:row;height:100vh;justify-content:center}@media only screen and (max-width:720px){.ngana_logo{font-size:24px;margin-left:auto;margin-right:auto;text-align:center}.welcome_text{color:#008dda;color:var(--blueColor);font-size:1.2rem;padding:10px;text-align:center}.hero_section_header{align-items:center;display:flex;flex-direction:column;justify-content:center}.hero_section_header div .fa{padding:5px}.image_landing{display:none}.hero_section{font-size:.8rem;padding:15px;text-align:center}a,button{all:unset}}@media only screen and (max-width:920px){body{min-width:360px}.ngana_logo{font-size:30px;margin-left:50px;margin-right:50px}.hero_section{font-size:.9rem;padding:20px;text-align:center}.dropdown{margin-bottom:10px}.main_who_items img{max-width:400px;width:90%}}@media (prefers-color-scheme:dark){body{color:#fff}}.login_main{background-color:#008dda;background-color:var(--blueColor);display:flex;margin:0;padding-bottom:60px}.login_form{align-items:center;background:var(--whiteColor);border:5px solid var(--whiteColor);border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:50px;padding:50px}input[type=password],input[type=text],textarea{border:1px solid #008dda;border:1px solid var(--blueColor);box-sizing:border-box}.login{background-color:#008dda;background-color:var(--blueColor);border:none;border-radius:1px;color:var(--whiteColor);cursor:pointer;padding:10px;width:100%}.login_register a{color:#008dda;color:var(--blueColor)}.buttonToHome:hover,.register_button{cursor:pointer}.bottom_login a{color:var(--textColorWhite);text-decoration:none}.not_found{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:150px;text-align:center}.not_found p{color:#fff;color:var(--whiteColor);font-size:1.5rem;font-weight:800}.NoAccessContainer{align-items:flex-start;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:flex-start;margin:50px auto;padding:40px;width:100%}@media only screen and (max-width:720px){.not_found{padding-top:80px}.not_found p{font-size:1.2rem}.NoAccessContainer{align-content:center;align-items:center;box-shadow:none;display:flex;justify-content:center;margin:0;padding:20px;width:100%}}@media only screen and (max-width:920px){.not_found{padding-top:120px}.NoAccessContainer{margin:0;padding:30px;width:90%}}@media (prefers-color-scheme:dark){body{background:#008dda;background:var(--blueColor);color:#fff}.NoAccessContainer{background-color:#fff}.NoAccessContainer,.not_found p{color:#fff;color:var(--whiteColor)}}@media (prefers-color-scheme:light){body{background:#ddd;color:#000}.NoAccessContainer{background-color:#fff;color:#000}.not_found p{color:#4b4a4a;color:var(--greyColor)}}body{padding:0}.main_dashboard,body{background-color:hsla(0,0%,96%,.918);background-color:var(--backgroundGrey)}.main_dashboard{padding:10px}.bugdet_summary{flex-direction:row;flex-wrap:wrap;width:100%}.bugdet_summary,.bugdet_summary_item{align-items:center;display:flex;justify-content:center}.bugdet_summary_item{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:10px;max-width:300px;min-width:150px;padding:15px}.dashboard_grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.dashboard_item{align-items:center;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;padding:20px;text-align:center}.goal_amount{background-color:rgba(0,128,0,.411)}.home_amount{background-color:rgba(255,0,0,.263)}.payback{background-color:red}@media only screen and (max-width:720px){body{padding:0 10px}.bugdet_summary{align-items:stretch;flex-direction:column}.dashboard_grid{gap:15px;grid-template-columns:1fr;padding-right:0}.dashboard_item{margin:10px 0;padding:15px;width:100%}}@media only screen and (min-width:720px) and (max-width:920px){body{padding:0 15px}.bugdet_summary{flex-wrap:wrap}.dashboard_grid{grid-template-columns:repeat(2,1fr)}.dashboard_item{padding:20px}}@media (prefers-color-scheme:dark){body{background:#008dda;background:var(--blueColor);color:#fff}}:root{--blackColorHeader:#000;--blackColor:#02090be3}footer{align-items:center;background:#02090be3;background:var(--blackColor);bottom:0;color:#fff;color:var(--whiteColor);display:flex;flex-direction:column;justify-content:center;left:0;width:100%}footer div{margin-right:0}:root{--error:#cc0e0e}section{align-items:center;display:flex;justify-content:center;margin:20px}.logout{margin:5px;padding:5px}.logout:hover{cursor:pointer}@media only screen and (max-width:720px){#loading{height:20px;width:20px}}@media only screen and (max-width:920px){body{min-width:360px}}@media only screen and (max-width:556px){body{min-width:360px}}@media (prefers-color-scheme:dark){body{background:#333;color:#fff}}@media (prefers-color-scheme:light){body{background:#ddd;color:#000}}body{background-color:#008dda;background-color:var(--blueColor);background-position:50%;background-repeat:no-repeat;background-size:cover}#error{color:var(--error)}.error{color:#fa1717;color:var(--redColor)}.register_container{align-items:center;display:flex;flex-direction:row;justify-content:center;padding-bottom:65px;padding-left:200px}.register_content{align-items:start;color:var(--whiteColor);margin:20px;padding-bottom:20px;width:100%}.register_content,.register_form{display:flex;flex-direction:column;justify-content:center}.register_form{align-items:center;background:var(--whiteColor);border:5px solid var(--whiteColor);border-radius:10px;margin:50px;padding:50px}.register_form_item{align-items:start;background:var(--whiteColor);color:var(--blackColor);display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;padding:1px 10px}.login_button:hover{cursor:pointer}input[type=password],input[type=text],textarea{background:var(--whiteColor);border:1px solid var(--blueColorContrast);color:var(--textColorGrey);display:inline-block;margin:8px 0;padding:12px 20px;width:100%}.form_login input{border-radius:20px}.register{background-color:var(--blueColorContrast);margin-left:10px;margin-right:5px;padding:8px 20px}.login_register{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:20px}.login_register a{text-decoration:none}#alert_message_login,#alert_message_register{background:green;color:#fff;display:flex;justify-content:center;margin:10px}.bottom_login{color:var(--whiteColor);display:flex;justify-content:center}.register{background-color:#008dda;background-color:var(--blueColor);border:none;border-radius:1px;color:var(--whiteColor);cursor:pointer;padding:10px;width:100%}@media only screen and (max-width:720px){.register_container{margin-bottom:75px;padding:0}.register_content{display:none}}:root{--greenColor:#137323;--whiteColor:#fff;--textColorGrey:#4b4a4a}body{background-color:#fff;background-color:var(--whiteColor)}section{background-color:#fff;color:#fff;color:var(--whiteColor);margin:20px 20px 70px}.error_block{align-items:center;display:flex;justify-content:center;margin:100px 0;padding:50px 20px}.errorMessage{color:#fa1717;color:var(--redColor)}.errorMessage,.successMessage{background-color:#fff;background-color:var(--whiteColor);border-radius:5px;padding:7px}.successMessage{color:#137323;color:var(--greenColor)}.button_control button{background-color:#fff;border:1px solid #008dda;border:1px solid var(--blueColor);border-radius:20px;color:#008dda;color:var(--blueColor);margin:10px;padding:15px;width:100%}.button_control button:hover{cursor:pointer}#button_control{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:20px}.edit_modal{color:#fff;display:relative}.hide{display:none}.Add_blog_container{align-items:center;border-radius:8px;display:flex;flex-direction:column;margin:auto;max-width:500px;padding:20px;width:100%}@media (max-width:600px){.Add_blog_container{padding:15px;width:90%}h2{font-size:1.5rem}Button,input,select{font-size:14px}Button{width:100%}}@media (max-width:768px){.header_related h3{padding:10px}}.Add_plan:hover{cursor:pointer}.budget-cards-container{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.budget-cards-container button{margin:2.5px}.btn-remove{background-color:rgba(203,66,66,.717);color:#fff}.btn-edit{background-color:rgba(70,141,70,.717);color:#fff}.budget-card{background-color:#f1f1f1;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:15px;transition:transform .2s;width:200px}.budget-card:hover{transform:translateY(-5px)}.budget-card h5{color:#333;font-size:1.2em;margin:0}.budget-card p{color:#555;font-size:.9em;margin:5px 0}.total-amount{font-size:2em;font-weight:700;margin:20px;text-align:center}.total-amount h2{transition:color .3s ease}@media only screen and (max-width:920px){body{min-width:360px}.dashboard_content{display:flex;flex-direction:column}}.modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;padding:30px;position:relative;width:400px;z-index:1000}.modal h2{font-size:1.5em;margin-bottom:20px;text-align:center}.form-group{margin-bottom:15px}.bugdet_name input{border:2px solid #ccc}label{color:#333;display:block;font-size:.9em;margin-bottom:5px}input{background-color:#f9f9f9;border:2px solid #ccc;border-radius:4px;box-sizing:border-box;color:#333;font-size:1em;padding:12px 15px;width:100%}input:focus{background-color:#fff;border-color:#007bff;box-shadow:0 0 5px #007bff80;color:#000;outline:none}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}button{border:none;border-radius:5px;cursor:pointer;font-size:.9em;padding:10px 20px}button[type=submit]{background-color:#28a745;color:#fff;font-weight:700}button[type=submit]:hover{background-color:#218838}.modal-actions>button[type=button]{background-color:#dc3545;color:#fff;font-weight:700}.modal-actions>button[type=button]:hover{background-color:#c82333}.form-group select{border:1px solid #ccc;border-radius:4px;font-size:1em;margin-top:5px;outline:none;padding:10px;width:100%}.form-group select:focus{border-color:#007bff}@media only screen and (max-width:720px){button{padding:5px 2px}}@media only screen and (max-width:920px){body{min-width:360px}button{padding:5px 2px}}*,:after,:before{box-sizing:border-box}:root{--blueColor:#008dda;--blueActiveColor:#29b4e2;--redColor:#fa1717;--greyColor:#4b4a4a;--greenColor:#56a256;--backgroundGrey:hsla(0,0%,96%,.918)}*{box-sizing:border-box}:focus{outline:none}.archive-card{align-items:flex-start;background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:space-between;margin:20px;padding:10px;transition:transform .2s ease,box-shadow .2s ease}.archive-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.archive-card h5{color:#939090;font-size:1.4rem;margin-bottom:5px}.archive-card p{margin:0}.archive-card h3,.archive-card p{color:#d8d6d6;font-size:1.1rem}.card{display:flex;flex-direction:column;gap:5px}.Archive_control{display:flex;flex-direction:row}.Archive_control input{margin:5px}body{background-color:#f4f4f9;color:#333;font-family:Roboto,sans-serif;margin:0;padding:10px}a{color:#053568;text-decoration:none;transition:color .2s ease}a:hover{color:#0056b3}@media only screen and (max-width:720px){.archive-card{box-shadow:0 2px 4px #0000001a;margin:10px;padding:15px;width:100%}.archive-card h5{font-size:1.2rem}.archive-card h3,.archive-card p{font-size:1rem}.card{gap:10px}body{padding:10px}a{font-size:.9rem}}@media only screen and (max-width:920px){body{padding:15px}.archive-card{margin:15px;width:calc(50% - 30px)}.archive-card h5{font-size:1.3rem}.archive-card h3,.archive-card p{font-size:1.1rem}.card{gap:10px}}@media (prefers-color-scheme:dark){body{background:#008dda;background:var(--blueColor);color:#fff}.archive-card{background-color:#333;color:#f4f4f9}}@media (prefers-color-scheme:light){body{background:#ddd;color:#000}.archive-card{background-color:#fff;color:#333}}
/*# sourceMappingURL=main.53a2e873.css.map*/