Update

index.html

@@ -31,12 +31,11 @@
             <div class="container">
                 <div class="form-container">
                     <h1>Inscription</h1>
-                    <p>L'objectif de ce quiz est de trouver le maximum de bonnes réponses en un minimum de temps.</p>
-                    <p>&nbsp;</p>
-                    <label for="pseudo">Votre pseudo</label>
+                    <div id="intro">L'objectif de ce quiz est de trouver le maximum de bonnes réponses en un minimum de temps.</div>
+                    <label for="pseudo"><strong>Pseudo</strong></label>
                     <input type="text" id="pseudo" placeholder="Entrez votre pseudo" required>
                     <p>&nbsp;</p>
-                    <label for="email">Votre adresse email</label>
+                    <label for="email"><strong>Votre adresse email</strong><br/>(elle ne servira qu'à vous contacter si vous gagnez !)</label>
                     <input type="email" id="email" placeholder="Entrez votre adresse email" required>
                     <div class="buttons-group">
                         <button id="start-quiz">Commencer le Quiz</button>
@@ -70,7 +69,7 @@ <h2>Merci pour votre participation !</h2>
                     <p>Temps total : <span id="final-time"></span></p>
                     <p>Vous avez répondu correctement à<br/><span id="correct-answers"></span></p>
                     <p>&nbsp;</p>
-                    <p>Nous vous contacterons si vous faîtes parti des gagnant(e)s !</p>
+                    <p>Nous vous contacterons si vous faîtes parti(e) des gagnant(e)s !</p>
                 </div>
             </div>
         </div>

styles.css

@@ -11,6 +11,14 @@ body, html {
     box-sizing: border-box;
 }
 
+#intro {
+    font-size: 0.9rem;
+    font-weight: 700;
+    margin-block-start: 32px;
+    margin-block-end: 32px;
+
+}
+
 p {
     font-size: 0.9rem;
     margin-block-start: 0px;