*{font-family:Inter,sans-serif}.app{display:flex;flex-direction:column;align-items:center;letter-spacing:.9px}.app h2,.app h3,.app h4{font-family:Lato,sans-serif}.app h2{margin:8px 0 9px}.app form{display:flex;gap:10px;place-items:center;margin:15px 0}.app form input{width:165px;padding:7px 0 7px 12px;border-radius:20px;border:solid 1px grey}.app form button,.app button.copy,.app button.reset{display:flex;place-items:center;padding:7px 20px;font-size:15px;border-radius:20px;border:solid 1px grey;border:transparent;color:#fff;background-color:#258cd0}.app button.reset{margin-top:8px;background-color:#e80d0d}.app button.copy{background-color:#019a01;margin-top:20px}.app h3{margin-bottom:7px}.app p.balance{margin:5px;font-weight:500}.app p.strich{margin:10px}.app .sorted-item{margin:6px 0;min-width:320px;display:flex;justify-content:center;gap:10px}.app .sorted-item span{min-width:50%;padding:0 6px}.app .sorted-item span:first-child{font-weight:600;text-align:right}.person{display:flex}.person p{margin:7px 0;padding:0 4px;display:flex;justify-content:center}.person p.name{min-width:110px}.person span,.person input{width:40px;text-align:center;display:flex;align-items:center;letter-spacing:.7px}.person input{border:transparent;font-size:16px}.person p.name input{min-width:100px}.person button{display:flex;justify-content:center;align-items:center;margin:0 10px;border:solid transparent;padding:0 5px;width:24px;height:24px;border-radius:50%;color:#000}.person button.delete{background-color:#eb0101;color:#fff}.person button.delete:hover{transition:.3s;transform:scale(1.1)}