footer{width:100%;position:fixed;bottom:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding-bottom:6px}.header-container{width:50%;margin:auto}.header{-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 1;flex:1 1;margin:6px 12px}.header,.header-logo{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header-logo{font-size:32px;font-weight:500}.header-logo i{margin-left:10px;font-size:30px}.header-button{font-size:20px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:1px solid #000;padding:0 8px;text-decoration:none;color:#000!important;border-radius:6px}.header-button a{text-decoration:none!important;color:#000!important}.header-button i{margin-right:4px}@media only screen and (max-width:1024px){.header-container{width:90%}.header-logo{font-size:20px}.header-button{font-size:18px}}@media only screen and (max-width:512px){.header-container{width:100%}.header-logo{font-size:24px}.header-button{font-size:16px}}.add-form{background:#71ccca;box-shadow:20px 20px 60px #60adac,-20px -20px 60px #82ebe8;margin:6px 12px;padding:24px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1;height:60vh}.form-item{margin:12px 0;width:70%;padding:4px;border-radius:6px;background-color:#fff}.form-item label{background-color:#d3d3d3;padding:2px 12px;border-radius:0 4px 4px 0}.form-item input{font-size:16px;border:none;width:70%;outline:none}.category-container-parent{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1}.category{position:relative;width:40%}.category-dropdown{-webkit-justify-content:space-between;justify-content:space-between;margin:12px 0;background-color:#fff;border-radius:6px;padding:4px}.category-dropdown,.category-dropdown i{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.category-container{display:-webkit-flex;display:flex;position:absolute;width:100%;-webkit-flex-direction:column;flex-direction:column;background:#fff}.category-item{width:98%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:8px 0;cursor:pointer}.category-item img{height:32px;margin-right:20px}.form-add-button{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.form-add-button div{display:-webkit-flex;display:flex;border:1px solid #000;padding:2px 8px;border-radius:6px;cursor:pointer}.form-add-button div i{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-left:6px}@media only screen and (max-width:1024px){.form-item{width:100%}.form-item input{width:70%}.amount-input{width:50%!important}.category{width:80%}}.ReactModal__Content{background-color:#71ccca}.modal-inner{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.added-image{height:360px}.take-home-button{border:1px solid #000;padding:4px 8px;border-radius:6px}.take-home-button,.take-home-button i{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.take-home-button i{margin-right:6px}@media only screen and (max-width:1024px){.added-image{height:320px;height:240px}}.topfold{-webkit-align-items:center;align-items:center;margin:8px 12px}.home-topfold,.topfold{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.home-topfold{-webkit-flex:1 1;flex:1 1}.searchbar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:50%;background-color:#59e3e7;border-radius:12px}.searchbar input{width:80%;outline:none;padding:8px 0;border:none;margin-left:6px;background-color:#fff}.add-button{border-radius:4px;border:1px solid #000;padding:0 8px;cursor:pointer;color:#000}.add-button,.add-button i{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-right:10px}.add-button i{-webkit-justify-content:center;justify-content:center}.add-topfold{-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1 1;flex:1 1}.add-topfold,.addtopfold-button{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.addtopfold-button{font-size:18px;cursor:pointer;color:#000;text-decoration:none;outline:none}.addtopfold-button i{margin-right:10px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.add-expense{width:50%;margin:auto}@media only screen and(max-width:1024px){.add-expense{width:90%;margin:auto}}@media only screen and(max-width:512px){.add-expense{width:100%;margin:auto}}.cards{background:#fff;padding:12px;border-radius:6px;border:1px solid #000;width:50%;display:-webkit-flex;display:flex;margin:2px 0 2px 25vw;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.card-image{height:40px}.card-right{-webkit-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:space-between;justify-content:space-between}.card-info,.card-right{display:-webkit-flex;display:flex}.card-info{-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1;margin-left:12px}.card-title{font-size:20px}.card-time{font-size:12px;color:grey}.card-amount{font-size:20px;font-weight:500}.delete-icon{font-size:16px}@media only screen and (max-width:1024px){.card-amount,.card-title{font-size:18px}.card-image{height:32px}.card-time{font-size:10px}}@media only screen and (max-width:512px){.card-amount,.card-title{font-size:16px}}.expense-list{margin:6px 12px;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1}.empty-state,.expense-list{display:-webkit-flex;display:flex}.empty-state{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.empty-image{height:360px}@media only screen and (max-width:1024px){.empty-image{height:320px}}@media only screen and (max-width:512px){.empty-image{height:240px}}.home{width:50%;margin:auto}@media only screen and (max-width:1024px){.home{width:90%}}@media only screen and (max-width:512px){.home{width:100%}}*{padding:0;box-sizing:border-box}*,body{margin:0}body{background-color:#8a2be2;font-family:"Noto Sans",sans-serif}a{text-decoration:none}
/*# sourceMappingURL=main.8e4055ad.chunk.css.map */