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}.App{margin:0 auto;padding:30px;display:flex;flex-direction:column;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;border:1px dashed #000;font-family:monospace;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);width:minmax(100vw,-webkit-fit-content);width:minmax(100vw,-moz-fit-content);width:minmax(100vw,fit-content);overflow:hidden}.Header{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #000}.header-text{font-size:4em;margin:auto}.balance-container{display:flex;flex-direction:row;margin:20px 0 10px}.balance-container h2{font-size:2.5rem;margin:20px auto}.income-expense-container{display:flex;flex-direction:row;justify-items:center;font-size:1.7rem;font-weight:100;background-color:#f0f8ff}.income-amount{color:#048804}.expense-amount{color:red}.expense,.income{box-shadow:0 2px 2px 0 rgba(0,0,0,.2),0 2px 20px 0 rgba(0,0,0,.19);box-sizing:border-box;border-radius:7px;margin:auto;display:flex;flex-direction:column;width:48%;text-align:center}.expense h4,.income h4{margin:5px 0 0}.transaction{display:flex;flex-direction:row;justify-content:space-around;width:80%;margin:auto;font-size:1.5rem}.transaction:hover{-webkit-filter:opacity(.9);filter:opacity(.9);transform:translateY(-4px);transition:transform .3s;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.transaction-amount{margin-left:auto}.delete-transaction{margin-left:20px;cursor:pointer;background-color:red;font-weight:900}.transaction-list{margin-top:40px;list-style:none;padding:0}.guide-text{text-align:center;color:#a9a9a9}.add-transaction-container{margin:20px 0 0;display:flex;flex-direction:column;font-size:1rem;overflow:hidden}.add-transaction-container legend{font-size:1.5rem;margin:auto}.new-transaction-amount,.new-transaction-name{font-size:1rem;width:90%;margin:auto}.new-transaction-button{font-size:1rem;background-color:#000;color:#f5f5f5;cursor:pointer;width:60%;margin:auto}.new-transaction-button:active{transform:translateY(2px)}
/*# sourceMappingURL=main.ccdb3710.chunk.css.map */