I simply need the form to be within the center of the screen, and for its width to be 325px. Currently it is slightly to the left of the center. You can see here. The text that says "In the middle" is not directly in the center of the form.
How do I make the form centered horizontally no matter the viewport size?
Here is the form HTML:
<div class='form animated flipInX'> <h2>Sign up Today</h2> <form> <input placeholder='Your Email Address' type='text'> <button class='animated infinite pulse'>Let's Go!</button> </form> </div>
and here's a codepen
Any suggested code changes is great, thanks!