@import"https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap";body{background-color:#140f2d;color:#bfae48;font-family:Helvetica;display:flex;flex-direction:column;align-items:center}h1{color:#b6244f;font-size:clamp(1.8rem,8vw,3rem)}h2{color:#4e6e58;font-size:clamp(1.4rem,6vw,2.8rem)}span{color:#bfae48}.datetime{color:gray}footer{position:sticky;bottom:0;background-color:#140f2d}.transaction{background-color:#fff;padding:20px;border-radius:18px;display:flex;justify-content:space-between;flex-wrap:wrap}.misc{width:100%;display:flex;justify-content:space-between;align-items:center}.misc p{font-size:.8rem;padding:0;margin:0}.positive{color:#00bc83}.negative{color:#000}.amount{justify-content:flex-end}#money div{font-size:2em;height:max-content;animation:count 2s forwards}@keyframes count{0%{transform:translateY(0)}to{transform:translateY(calc(-100% + 2em - 16px))}}