@import url(https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@400;500;600;700;800&family=Muli:ital,wght@0,200;0,300;0,400;1,200;1,300;1,400&display=swap);*{margin:0;padding:0}html{font-size:62.5%}body{background-color:#77c987!important;height:100%;width:100%}.app-wrapper{width:100%!important;height:100%!important;max-width:190rem;border-radius:.5rem;background-color:#2c2c2d;color:#eee;box-shadow:0 1rem 5rem rgba(0,0,0,.7);display:grid;grid-template-columns:1fr;grid-template-rows:80px repeat(3,1fr);grid-gap:2rem}.header{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center}.header h1{font-family:"Muli",serif!important;font-size:4.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.2rem;color:#f46036;text-shadow:0 .2rem .5rem rgba(0,0,0,.4)}.balance{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;text-align:center}.balance h2{font-size:4.5rem}.balance h2,.balance h3{font-family:"Baloo Da 2",serif!important;font-weight:300;text-shadow:0 .2rem .5rem rgba(0,0,0,.4)}.balance h3{font-size:4rem}.income-expense{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;font-family:"Muli",serif;text-shadow:0 .2rem .5rem rgba(0,0,0,.4);text-align:right}.minus,.plus{margin:0 2rem}.plus{color:#77c987}.minus{color:#ff716e}.income-expense h3{font-size:3.5rem;font-weight:300;margin-bottom:2rem;width:100%}.income-expense p{font-size:3rem;font-weight:700;text-align:center}.form-wrapper{-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.form-wrapper,.input-group{display:-webkit-flex;display:flex}.input-group{-webkit-flex-direction:column;flex-direction:column}.input-group input:not([type=submit]){width:30rem;margin-bottom:2.5rem;background:transparent;border:none;border-bottom:.2rem solid #777;padding:.5rem .5rem .5rem 0;font-family:"Baloo Da 2",serif;font-size:1.8rem;color:#eee;outline:none;transition:border-bottom .4s}.income input:not([type=submit]):focus{border-bottom:.2rem solid #77c987}.expense input:not([type=submit]):focus{border-bottom:.2rem solid #ff716e}.input-group input[type=submit]{width:10rem;padding:.7rem;border:none;outline:none;border-radius:.7rem;font-family:"Muli",serif;font-size:1.6rem;font-weight:700;letter-spacing:.1rem;color:#eee;box-shadow:0 .5rem 1rem rgba(0,0,0,.2);cursor:pointer;margin-top:1rem;text-shadow:0 .2rem .5rem rgba(0,0,0,.4)}.input-group input[type=submit]:active{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}.income input[type=submit]{background-color:#77c987}.expense input[type=submit]{background-color:#ff716e}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.transactions{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.transactions h2{font-family:"Baloo da 2",serif;font-size:2.5rem;letter-spacing:.1rem;font-weight:300;margin-bottom:2rem}.transactions-expense,.transactions-income{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}.transaction-list{max-height:35rem;overflow:hidden;overflow-y:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:10px;background-color:#aaa}::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.transaction{list-style:none;font-family:"Baloo da 2",serif;font-size:1.8rem;letter-spacing:.1rem;margin-bottom:1.5rem;color:#fff;padding:.4rem .4rem .4rem .7rem;border-radius:.3rem;width:29rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.transaction-list .transaction>div{background:#77c987}.transaction-list .transaction>div,.transactions-expense .transaction>div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:85%;padding:.5rem;border-radius:.25rem}.transactions-expense .transaction>div{background:#ff716e}.transaction-amount{margin-left:auto}.delete-btn{border:none;background-color:transparent;color:#d4403e;font-size:2rem;margin:0 1rem;text-shadow:0 .2rem .5rem rgba(0,0,0,.4);cursor:pointer;outline:none}@media (max-width:575.98px){html{font-size:52%}.app-wrapper{width:100%;grid-gap:0;grid-template-rows:80px 200px repeat(2,1fr)}.header h1{font-size:2.5rem}.balance{height:150px}.balance,.transactions{-webkit-flex-direction:column;flex-direction:column}.transaction{width:28rem}.form-wrapper{-webkit-flex-direction:column;flex-direction:column}.form-wrapper form{margin-bottom:2.5rem}.transaction-list{max-height:29rem}.balance h2{font-size:3rem}.minus h3,.plus h3{font-size:2.5rem}.minus p,.plus p{font-size:1.5rem}}@media (min-width:576px) and (max-width:767.98px){html{font-size:55%}.app-wrapper{width:100%;grid-template-rows:80px 150px 1fr 120px;grid-gap:0}.header h1{font-size:3rem}.form-wrapper{-webkit-flex-direction:column;flex-direction:column}.form-wrapper form{margin-bottom:2.5rem}.transaction-list{max-height:29rem}.balance h2{font-size:3rem}.minus h3,.plus h3{font-size:2.5rem}.minus p,.plus p{font-size:1.5rem}.transactions{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:initial;align-items:normal}.transactions-expense,.transactions-income{-webkit-justify-content:initial;justify-content:normal}}@media (min-width:768px) and (max-width:991.98px){html{font-size:50%}.header h1{font-size:2.5rem}.balance h2{font-size:3rem}.minus h3,.plus h3{font-size:2.5rem}.minus p,.plus p{font-size:1.5rem}.app-wrapper{grid-gap:0}.transaction-list{max-height:29rem}.balance{margin-top:1rem}.transactions h2{font-size:2rem}}@media (min-width:992px) and (max-width:1199.98px){html{font-size:52%}.balance,.income-expense{margin-top:2rem}.balance h2{font-size:3rem}.minus h3,.plus h3{font-size:2.5rem}.minus p,.plus p{font-size:1.5rem}.app-wrapper{grid-gap:0}.transaction-list{max-height:29rem}}
/*# sourceMappingURL=main.710b9589.chunk.css.map */