.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}
.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}
.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}
.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}
.page-footer{color:#fff;background-color:#206040}.page-footer *{color:#fff}
html{background-color:#eff5f2}*{margin:0;padding:0;font-size:16px}.component{margin:1rem}.page-content{position:fixed;top:0;bottom:5vh;overflow:scroll}.landing-section{padding:5rem 0}
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}
.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}
.success-pop-up{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;z-index:2;background-color:#0d7340bf;border:.1rem solid #000;border-radius:1rem;width:70vw;padding:.5rem;position:fixed;top:1rem;left:15vw}
.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}
.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}
@font-face{font-family:pixel;src:local(pixel),url(../media/m5x7.e969272a.ttf)}#bytesized{color:#f7b36e;font-family:pixel;font-size:2rem}*{font-family:Arial,Helvetica,sans-serif;line-height:2rem}h1{color:#0d261a;font-size:3rem;line-height:3rem}h2{margin:1rem;font-size:2.5rem;line-height:3rem}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}.title{color:#0d261a;text-decoration:none}
.widget{background-color:#fff;border:.1rem solid #000;border-radius:.5rem;width:80vw;margin:0 10vw;padding:1rem;box-shadow:.5rem .5rem #000}
.page-header{background-color:#bddbcc;margin:0;padding:1rem;position:sticky;top:0}
.flex{flex-wrap:wrap;display:flex}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.align-items-center{align-items:center}