based on this but coded from scratch because I like suffering

• create .dragon when user clicks a button | W3Schools
• .dragon has two parts: length (vertical) + wingspan (horizontal)
  • use vector images later but divs should be fine for now
  • user must input both values or creation fails/error message pops up
• .dragon can be dragged around the screen anywhere | KIRUPA, W3Schools | fuck it let's do jQuery
  • this works for pre-existing elements (see above) but fails on newly-created dragons. WHY
• button to clear all AND/OR section to drag individual .dragons into for deletion | tried this, didn't work; jQuery did the trick
  • individual thing would still be nifty; see this?
• breed picker
• style everything (DO THIS LAST)
  • dark mode would be cool
  • ability to change dragon colors?