HTML

In your HTML file, please do the following:

• Add an h1 tag with a class of text-center and add the text of "Project".
• Create a div class of container
  • Inside the container, create a div id of test-input
    • Inside the test-input, add the following:
      • input box with an id of isValidInput
      • button with an id of isValidBtn
    • Outside of the test-input, but inside the container, create a paragraph tag with an id of isValidMsg

CSS

In your stylesheet, please add the following:

1. Set an asterisk with a property of box sizing equal to border box.
2. Set the body with the following properties:
   • set a property of font-family and set it equal to sans-serif.
   • set a minimum height of 100%.
   • set a vertical overflow of hidden.
3. Set a class called text-center and set it to align the text to the center.
4. Create a container class, and add the following properties:
   • set the display property to flex
   • justify the content to center
   • align the items to center
   • set the height to 100 viewport height
   • set the flex direction to column
5. Create an id of test-input
   • add a property of flex direction, and set it to row
6. Create an input selector (type of text) and combine it with a button selector. Then add the following:
   • set the padding to 10 pixels
   • set the font size to 18 pixels
7. Create an id of isValidMsg and add the following properties:
   • set the color to red
   • set the margin to 1 em
   • set the font style to italic
   • set the font weight to bold