.magic-card
- The button element's content is put inside a <span>
- The input element is surrounded by a <div> which has the "magic-input" class parenting the actual <input> element.
- The card element is surrounded by a <div> parenting an <article> element which has an <h1> as the title, an <img> as its cover and anything in between the <h1> & <img> serves as content.