.page-footer{color:#fff;background-color:#206040}
.success-pop-up{color:#fff;z-index:2;background-color:#0d7340;border:.1rem solid #000;border-radius:1rem;width:70vw;padding:.5rem;position:fixed;top:1rem;left:15vw}
.transaction-form{background-color:#fff;border:.1rem solid #000;border-radius:.5rem;flex-direction:column;gap:2rem;max-width:35rem;margin:1rem 2rem;padding:1rem;display:flex}.expense{background-color:#862e2d}.income{background-color:#206040}
.transactions-table{border:.1rem solid #000;border-radius:.5rem;padding:.5rem}.transactions-table td{background-color:#e6e6e6}.positive{color:#206055}.negative{color:#602120}.cell{border-radius:.5rem;padding:.5rem}.table-heading,.category-heading{background-color:#ccc}
.bar-chart{border:.1rem solid #000;flex-direction:row;gap:1rem;width:100%;display:flex}.bar-container{width:10rem;position:relative}.bar{color:#fff;background-color:#b3e6cc;flex-direction:column;width:100%;display:flex;position:absolute;bottom:0}.bar span{font-size:1rem}
html{background-color:#eff5f2}*{margin:0;padding:0;font-size:16px}.component{margin:1rem}.page-content{position:fixed;top:0;bottom:5vh;overflow:scroll}
.btn{color:#fff;cursor:pointer;background-color:#404040;border:none;border-radius:.5rem;margin:.25rem;padding:.5rem 1rem;box-shadow:.25rem .25rem #000}.btn:active{box-shadow:none;background-color:#000;transform:translate(.25rem,.25rem)}.danger-btn{color:#fff;background-color:#732826}.positive-btn{color:#fff;background-color:#206040}
input[type=text],input[type=number]{background-color:#fff;border:.05rem solid #000;border-radius:.5rem;margin:.5rem;padding:.5rem}select{background-color:#e6e6e6;border:none;border-radius:.5rem;margin:.5rem;padding:.5rem}
h1{color:#0d261a;font-size:3rem}h2{margin:1rem;font-size:2.5rem}h3{font-size:2rem}p,li,span{max-width:50rem;font-size:1.5rem;font-weight:500}p{margin:1rem}.center-element{margin:0 auto}.center-text{text-align:center}.text-container{flex-direction:column;align-items:center;width:100vw;margin:1rem 0;display:flex}.positive{color:#206040}.negative{color:#602120}.note{background-color:#f2e6d9;border-radius:.5rem;padding:.5rem}
.card{background-color:#fff;border:.1rem solid #000;border-radius:.5rem;width:20rem;margin:1rem;padding:1rem;box-shadow:.5rem .5rem #000}.card-gallery{flex-wrap:wrap;display:flex}.limit-card{color:#fff;background-color:#610705}.goal-card{color:#fff;background-color:#056133}
.nav{background-color:#fff;border:.1rem solid #000;justify-content:space-around;width:100vw;height:5.5vh;padding:.5rem;display:flex;position:fixed;bottom:0}
.failure-pop-up{color:#fff;z-index:2;background-color:#730e0d;border:.1rem solid #000;border-radius:1rem;width:70vw;padding:.5rem;position:fixed;top:1rem;left:15vw}
.widget{background-color:#fff;border:.1rem solid #000;border-radius:.5rem;width:80vw;margin:0 10vw;padding:1rem;box-shadow:.5rem .5rem #000}