Align new application Step 1 with design mockups

- remove unneeded variables and markup
- add a cancel button
- add form input descriptions
- add a class selector for the default panel <hr>, and change apperance

translations.yaml

@@ -309,8 +309,33 @@ portfolios:
     add_another_environment: Add another environment
     app_settings_text: App settings
     new:
-      step_1_header: "Name and Describe New Application"
+      step_1_header: Name and Describe New Project
       step_1_button_text: "Save and Add Environments"
+      step_1_form_help_text:
+        name: |
+          <div style="margin-top: -3rem;">
+            <p>
+              The name of your project should be intuitive and easily recognizable for all of your team members.
+            </p>
+            <p>
+              <strong>Writer's Block? A naming example includes:</strong>
+              <ul>
+                <li>Army Security Infrastructure Application</li>
+              </ul>
+            </p>
+          </div>
+        description: |
+          <div style="margin-top: -3rem;">
+            <p>
+              Add a brief one to two sentence description of your project. You should be able to reference your TO Description of Work.
+            </p>
+            <p>
+              <strong>Writer's Block? A naming example includes:</strong>
+              <ul>
+                <li>Build security applications for FOB Clark</li>
+              </ul>
+            </p>
+          </div>
       step_2_header: Add Environments to {application_name}
       step_2_button_text: "Save and Add Members"
       step_3_header: Invite Members to {application_name}