@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,500;0,600;0,700;1,400&family=Ubuntu:wght@400;500;700&display=swap);body{margin:0;font-family:Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ff676d}a,body{color:#fff}a{text-decoration:none}.button{background:#71ccca;box-shadow:20px 20px 60px #60adac,-20px -20px 60px #82ebe8}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header-container{width:50%;margin:auto}.header{justify-content:space-between;flex:1 1;margin:6px 12px}.header,.header-logo{display:flex;align-items:center}.header-logo{font-size:32px;font-weight:500}.content i{display:flex;align-items:center;margin-left:90px;margin-top:10px}.header .content i{font-size:25px}.content{position:relative;color:#fff}.content h2{position:absolute;color:#111;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:28px;margin-left:10px}.content h2:first-child{color:transparent;-webkit-text-stroke:2px #fff}.content h2:nth-child(2){color:#111;-webkit-animation:animate 4s ease-in-out infinite;animation:animate 4s ease-in-out infinite}@-webkit-keyframes animate{0%,to{-webkit-clip-path:polygon(0 100%,0 0,37% 13%,61% 28%,81% 54%,100% 100%);clip-path:polygon(0 100%,0 0,37% 13%,61% 28%,81% 54%,100% 100%)}50%{-webkit-clip-path:polygon(0 99%,11% 71%,27% 48%,51% 31%,100% 1%,99% 100%);clip-path:polygon(0 99%,11% 71%,27% 48%,51% 31%,100% 1%,99% 100%)}}@keyframes animate{0%,to{-webkit-clip-path:polygon(0 100%,0 0,37% 13%,61% 28%,81% 54%,100% 100%);clip-path:polygon(0 100%,0 0,37% 13%,61% 28%,81% 54%,100% 100%)}50%{-webkit-clip-path:polygon(0 99%,11% 71%,27% 48%,51% 31%,100% 1%,99% 100%);clip-path:polygon(0 99%,11% 71%,27% 48%,51% 31%,100% 1%,99% 100%)}}.project .proj-button{display:inline-block;height:45px;width:45px;float:left;margin:0 5px;overflow:hidden;border-radius:50px;cursor:pointer;box-shadow:0 3px 3px #000;transition:all .3s ease-out;background-color:#fff}.project .proj-button:hover{width:190px}.project .proj-button .icon{display:inline-block;height:40px;width:40px;text-align:center;border-radius:50px;box-sizing:border-box;line-height:0;transition:all .3s ease-out}.project .proj-button .icon i{font-size:28px;line-height:45px;align-items:center;text-align:center;margin-left:5px;color:#ff676d}.project .proj-button span{font-size:19px;font-weight:500;line-height:-15px;margin-left:5px;margin-bottom:40px;color:#ff676d}@media only screen and (max-width:1024px){.header-container{width:90%}.header-logo{font-size:28px}.content{margin-left:25px}.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:18px}}@media only screen and (max-width:450px){.header-container{width:100%}.header-logo{font-size:24px}.content{font-size:15px;margin-left:65px}.header-button{font-size:18px}.project .proj-button:hover{width:185px}.project .proj-button span{line-height:-25px;margin-left:5px;margin-bottom:35px;color:#ff676d}}.add-form{background:#9400d3;box-shadow:10px 10px 10px #111,-10px -10px 10px #2a2a2a;margin:6px 12px;padding:24px;display:flex;flex-direction:column;flex:1 1;height:72vh;border-radius:35px}.add-form,.form-item{font-family:Ubuntu,sans-serif}.form-item{margin:12px 0;width:70%;padding:4px;border-radius:6px;background-color:#fff}.form-item label{background-color:#dc143c;padding:2px 12px;border-radius:0 4px 4px 0;color:#fff}.form-item input,.form-item label{font-family:Ubuntu,sans-serif;font-size:20px}.form-item input{border:none;width:70%;outline:none;margin-left:10px}.category-container-parent{display:flex;flex-direction:column;flex:1 1;color:#111;transition:ease-in-out;font-family:Ubuntu,sans-serif;font-size:18px}.category-dropdown i{display:inline-block;color:#fff;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.category-dropdown i:hover{display:inline-block;color:#111;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s ease-in-out}.category{position:relative;width:40%}.category-item:hover{color:#dc143c}.category-dropdown{justify-content:space-between;align-items:center;margin:12px 0;background-color:#dc143c;border-radius:6px;padding:4px;color:#fff}.category-container,.category-dropdown{display:flex;width:250px;transition:3s ease-in-out}.category-container{position:absolute;flex-direction:column;background:#fff}.category-item{width:245px;display:flex;justify-content:space-between;padding:12px 0;cursor:pointer;align-items:center;margin-left:4px}.category-item img{height:32px;margin-right:15px}.category-item i{color:#fff}.form-add-button{display:inline-block;height:45px;width:45px;float:right;margin:0 5px;overflow:hidden;background-color:#fff;border-radius:50px;cursor:pointer;box-shadow:0 3px 3px #000;transition:all .3s ease-out}.add-form .form-add-button:hover{width:290px}.add-form .form-add-button i{display:inline-block;height:55px;width:55px;text-align:center;border-radius:50px;box-sizing:border-box;margin-bottom:10px;transition:all .3s ease-out;color:#ff676d}.form-add-button i{font-size:35px;line-height:45px;align-items:center;text-align:center;margin-left:-5px;color:#ff676d}.form-add-button span{font-size:32px;font-weight:500;line-height:15px;margin-left:0;margin-bottom:20px;color:#ff676d}@media only screen and (max-width:1024px){.form-item{width:100%}.form-item input{width:70%}.amount-input{width:50%!important}.category{width:90%}.category-dropdown{width:50%}.category-container{width:50%;margin-bottom:50px}}@media only screen and (max-width:680px){.category-dropdown{width:90%}.category-container{width:90%;margin-bottom:50px}}@media only screen and (max-width:391px){.category-dropdown{width:110%}.category-container{width:110%;margin-bottom:50px}.category-container-parent{flex:1 1}.add-form{height:64vh}.category-item{height:10px;font-size:16px;width:98%}}@media only screen and (max-width:1724px){.form-item{width:100%}.form-item input{width:70%}.amount-input{width:50%!important}.category{width:90%}}.ReactModal__Content{background-color:#fff}.modal-inner{display:flex;flex-direction:column;align-items:center}.added-image{height:360px}.modal-inner label{background-color:#dc143c;padding:2px 12px;border-radius:4px 4px 4px 4px;color:#fff;font-family:Ubuntu,sans-serif;font-size:20px;box-shadow:2px 2px 2px #fff,-2px -2px 2px #2a2a2a}.take-home-button{display:inline-block;height:45px;width:45px;float:right;margin:0 5px;overflow:hidden;background-color:#fff;border-radius:50px;cursor:pointer;box-shadow:0 3px 3px #000;transition:all .3s ease-out}.modal-inner .take-home-button:hover{width:150px}.modal-inner .take-home-button i{display:inline-block;height:55px;width:55px;text-align:center;border-radius:50px;box-sizing:border-box;margin-bottom:10px;transition:all .3s ease-out;color:#ff676d}.take-home-button i{font-size:35px;line-height:45px;align-items:center;text-align:center;margin-left:-5px;color:#ff676d}.take-home-button span{font-size:32px;font-weight:500;line-height:15px;margin-left:0;margin-bottom:20px;color:#ff676d}@media only screen and (max-width:1024px){.added-image{height:320px;height:240px}}.topfold{margin:6px 12px;padding:12px 0;align-items:center}.home-topfold,.topfold{display:flex;justify-content:space-between}.home-topfold{flex:1 1}.box{max-width:400px;width:100%}.box .search-box{position:relative;height:50px;max-width:48px;box-shadow:0 5px 10px rgba(0,0,0,.25);border-radius:25px;transition:all .3s ease}#check:checked~.search-box{max-width:280px}.search-box input{position:absolute;height:90%;width:90%;border-radius:25px;background:#fff;outline:none;border:none;padding-left:7px;font-size:18px;box-shadow:0 3px 3px #000}.search-box .icon{position:absolute;right:-7px;top:0;width:55px;background:#fff;height:95%;text-align:center;line-height:45px;color:#ff676d;font-size:20px;border-radius:25px;box-shadow:0 3px .5px #000}#check:checked~.search-box .icon{background:#ff676d;color:#fff;width:60px;border-radius:0 25px 25px 0}#check{display:none}.topfold .add-button{display:inline-block;height:45px;width:45px;float:center;margin:0 5px;overflow:hidden;background-color:#fff;border-radius:50px;cursor:pointer;box-shadow:0 3px 3px #000;transition:all .3s ease-out}.topfold .add-button:hover{width:200px}.topfold .add-button i{display:inline-block;height:45px;width:45px;text-align:center;border-radius:50px;box-sizing:border-box;line-height:45px;transition:all .3s ease-out;color:#ff676d}.add-button i{font-size:25px;line-height:40px;align-items:center;text-align:center;margin-left:2px;color:#ff676d}.add-button span{font-size:19px;font-weight:500;line-height:25px;margin-left:0;margin-bottom:19px;color:#ff676d}.topfold .add-topfold-button{display:inline-block;height:45px;width:45px;float:center;margin:0 5px;overflow:hidden;background-color:#fff;border-radius:50px;cursor:pointer;box-shadow:0 3px 3px #000;transition:all .3s ease-out}.topfold .add-topfold-button:hover{width:130px}.topfold .add-topfold-button i{display:inline-block;height:45px;width:45px;text-align:center;border-radius:50px;box-sizing:border-box;line-height:45px;transition:all .3s ease-out;color:#ff676d}.add-topfold-button i{font-size:25px;line-height:30px;align-items:center;text-align:center;margin-left:0;color:#ff676d}.add-topfold-button span{font-size:25px;font-weight:500;line-height:15px;margin-left:0;margin-bottom:10px;color:#ff676d}.add-topfold{display:flex;justify-content:space-between;flex:1 1}.topfold .cancel-topfold-button{display:inline-block;height:45px;width:45px;float:right;margin:0 5px;overflow:hidden;background-color:#fff;border-radius:50px;cursor:pointer;box-shadow:0 3px 3px #000;transition:all .3s ease-out}.topfold .cancel-topfold-button:hover{width:150px}.topfold .cancel-topfold-button i{display:inline-block;height:45px;width:45px;text-align:center;border-radius:50px;box-sizing:border-box;line-height:45px;transition:all .3s ease-out;color:#ff676d}.cancel-topfold-button i{font-size:23px;line-height:30px;align-items:center;text-align:center;margin-left:0;color:#ff676d}.cancel-topfold-button span{font-size:23px;font-weight:500;line-height:15px;margin-left:0;margin-bottom:10px;color:#ff676d}@media only screen and (max-width:1024px){.add-button{font-size:18px}.searchbar{width:70%}}@media only screen and (max-width:512px){.add-button{font-size:16px}}@media only screen and (max-width:390px){.search-box input{position:absolute;height:80%;width:82%}}.add-expense{width:50%;margin:auto}@media only screen and (max-width:1024px){.add-expense{width:90%}}@media only screen and (max-width:512px){.add-expense{width:100%}}.card{background:#fff;padding:12px;margin:2px 0;border-radius:6px;display:flex;justify-content:space-between;align-items:center;color:#111}.card,.card-image{font-family:Ubuntu,sans-serif}.card-image{height:40px}.card-right{flex-direction:column-reverse;align-items:flex-end;justify-content:space-between}.card-info,.card-right{display:flex;font-family:Ubuntu,sans-serif}.card-info{flex-direction:column;flex:1 1;margin-left:12px}.card-title{font-size:20px}.card-time,.card-title{font-family:Ubuntu,sans-serif}.card-time{font-size:12px;color:#dc143c}.card-amount{font-size:20px;font-weight:500;font-family:Ubuntu,sans-serif}.delete-icon{overflow:hidden;background-color:#fff;cursor:pointer;box-shadow:0 3px 3px #000;margin:0 5px 10px}.card .card-right .delete-icon i,.delete-icon{display:inline-block;height:25px;width:25px;border-radius:50px;transition:all .3s ease-out}.card .card-right .delete-icon i{text-align:center;box-sizing:border-box;margin-bottom:10px;color:#ff676d}.delete-icon i{font-size:15px;line-height:25px;align-items:center;text-align:center;margin-left:0;color:#ff676d}@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;display:flex;flex-direction:column;flex:1 1}.empty-state{display:flex;justify-content:center;align-items:center;flex-direction:column}.empty-state label{background-color:#fff;padding:2px 12px;border-radius:15px 15px 15px 15px;color:#ff676d;font-family:Ubuntu,sans-serif;font-size:20px;box-shadow:0 3px 3px #000}.empty-image{height:360px}.empty-state .footer label{width:100%;margin-top:20%;display:flex;justify-content:center;align-items:center;background-color:#fff;padding:2px 12px;border-radius:15px 15px 15px 15px;color:#ff676d;font-family:Ubuntu,sans-serif;font-size:20px;box-shadow:0 3px 3px #000}@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%}}
/*# sourceMappingURL=main.ed3e6e65.chunk.css.map */