*{box-sizing:border-box;font-weight:lighter;margin:0;padding:0;text-transform:capitalize;transition:all .3s ease}html{background-color:#faebd7;font-family:Arial,Helvetica,sans-serif;scroll-behavior:smooth}.container{height:100vh;justify-content:center;width:100vw}.container,.frame{align-items:center;display:flex}.frame{background-color:#f0f8ff;flex-direction:column;height:650px;justify-content:flex-start;padding:15px;position:relative;width:350px}.header{font-size:1.3rem;font-weight:700;letter-spacing:1px;margin-bottom:30px}#balance{display:flex;flex-direction:column;justify-content:flex-start;width:100%}#balance h2{font-size:.85rem;text-transform:uppercase}.vertical-line{background-color:grey;height:100%;width:.8px}.expense{align-items:center;background-color:#fff;display:flex;justify-content:space-around;margin:20px;padding:20px 30px;width:100%}.income h2{font-size:.9rem;margin-bottom:3px;text-transform:uppercase}#expense,#income{font-size:1.2rem;font-weight:700}#income{color:#37b437}#expense{color:#be5757}.history{width:100%}#history{height:138px;overflow-y:scroll}.transaction{align-items:center;border-right:5px solid red;box-shadow:0 1px 2px .1px grey;display:flex;font-size:.6rem;height:30px;justify-content:space-between;margin:12px 0;padding:10px 5px;position:relative;width:100%}li{list-style:none}.underline{background-color:#a5a5a5;height:.7px;margin:5px 0 10px;width:100%}.heading{font-size:.95rem;font-weight:700;margin:5px 0}.new_transaction{align-items:flex-start;display:flex;flex-direction:column;width:100%}.new_transaction h2{margin-bottom:4px;margin-top:15px}label{font-size:.75rem;font-weight:700;margin:8px 0}input{padding:5px 10px;width:100%}.btn{background-color:#7f7fec;border:none;border-radius:2px;color:#fff;height:30px;margin-top:10px;width:100%}.btn:hover{background-color:#639}#remove-btn{background-color:#be5757;border:none;color:#fff;display:none;height:18px;position:absolute;width:18px}#remove-btn:hover{background-color:red}.transaction:hover #remove-btn{display:block}.transaction:hover h2:nth-child(2){margin-left:20px}
/*# sourceMappingURL=main.03f03280.css.map*/