Echec et mat

htdocs/page_acceuil2.html

@@ -46,6 +46,7 @@
 
                 <div class="alert d-none" role="alert" id="turn-message"></div>
                 <div id="echec-message" role ="alert" class="card mb-3 d-none text-black">Échec !</div>
+                <div id="echec-et-mat-message" role ="alert" class="card mb-3 d-none text-black">Échec et mat !</div>
                 <div class="card mb-3" id="user-card">
                     <div class="card-body">
 
@@ -99,7 +100,7 @@
     </div>
 
     <div id="echec-message" class="d-none">Échec !</div>
-    <div id="echec-et-mat-message" class="d-none">Échec et mat !</div>
+
     <canvas id="chessboard" class="board" width="480" height="480"></canvas>
     <script src="./jquery/jquery.min.js"></script>
     <script src="./bootstrap/js/bootstrap.min.js"></script>

htdocs/style.css

@@ -15,6 +15,12 @@ body {
     background-color:rgb(0, 0, 0)
 }
 #echec-message {
+    font-family: 'Anton', sans-serif;
+    font-weight: bold;
+    font-size: 2rem; /* Taille du texte pour bien le voir */
+    color: rgb(0, 0, 0); /* Ou une autre couleur qui attire l'attention */
+}
+#echec-et-mat-message {
     font-family: 'Anton', sans-serif;
     font-weight: bold;
     font-size: 2rem; /* Taille du texte pour bien le voir */