bill-split Used AI

I just pushed another major update. I invented usernames for the 4 users, and made the display update live for name changes. Also forms have color stripes for readability. Tweaked logic for better user flow - clicking submit payment now pops up printout immediately avoiding confusion

Friends! The glorious march towards ship continues. Myriad of QoL and misc improvements.

LOGIC OVERVIEW for the interested:
- input info comes from the form - amount paid by the payer, the ID of the person who paid the bill, the ID of the people receiving the food (or whatever item it is).
- this data is put into the newPay function, which splits amount into the amt owed by each recipient of the good. newPay() also checks the payer and receiver IDs in order to find the correct index (one of six values in an array) to modify, as well as whether to add or subtract this individual payment amount. This system means that cash transfers between 1-2 and 2-1 will cancel out into a single transfer (or even none if they perfectly cancel out).
The final output is handled again separately, printing out each channel and the value owed. Inversion occurs if it's negative (e.g. it says 2 owes 1 $5, not 1 owes 2 $-5)

Mockup UI updated! green color to symbolize money, nicer divs, banner and all that. Currently working on form functionality; good progress; stay tuned.

Hi! I'm making a system to help split and simplify payments between up to 4 people.
So far:
- basic code functionality is there in JS
- HTML form skeleton exists
Next steps:
- connect form input to the code, somehow
- success/error messages
- final result print out
- better css and web design