Add a joke to the contact form

Author: eduardosancho

index.html

@@ -224,12 +224,12 @@ <h2>Skills</h2>
     <section class="contact-me" id="contact-section">
       <div class="contact-me-form">
         <div class="top">
-          <h1> Get Started</h1>
-          <p id="form-description">
-            Lorem ipsum dolor sit amet, consectetur
-            adipiscing elit, sed do eiusmod tempor
-            incididunt ut labore et dolore magna.
-          </p>
+          <h1>Let's talk</h1>
+          <h4 class="joke">A joke to break the ice:</h4>
+          <div id="form-description">
+            <em><strong>Hardware</strong>(noun.)</em>
+            <p>The part of a computer that you can kick.</p>
+          </div>
         </div>
         <form class="form" action="https://formspree.io/f/xwkyewre" method="post">
           <ul class="form-list">

package.json

@@ -4,9 +4,13 @@
     "eslint": "^7.32.0",
     "eslint-config-airbnb-base": "^14.2.1",
     "eslint-plugin-import": "^2.26.0",
+    "hint": "^6.2.0",
     "stylelint": "^13.13.1",
     "stylelint-config-standard": "^21.0.0",
     "stylelint-csstree-validator": "^1.9.0",
     "stylelint-scss": "^3.21.0"
+  },
+  "dependencies": {
+    "@hint/utils-dom": "^2.1.13"
   }
 }

styles/style-main.css

@@ -360,6 +360,11 @@ header {
   font-size: 50px;
   font-weight: 400;
   margin-top: 106px;
+  margin-bottom: 0;
+}
+
+.joke {
+  margin-top: 5px;
 }
 
 .form {