prélude Bulle GMas Gurdill

src/pages/creation.astro

@@ -78,7 +78,15 @@ const especeData = personnages.reduce((acc, p) => {
             <div class="dnd-bar"></div>
             <p class="dnd-intro">
                 La classe définit vos compétences et votre rôle.
-                <br /><br />
+            </p>
+            <div
+                class="dnd-intro"
+                style="
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        "
+            >
                 <span
                     style="
                         color: rgba(147, 72, 255, 1);
@@ -159,7 +167,7 @@ const especeData = personnages.reduce((acc, p) => {
                     "
                     >Primal</span
                 >
-            </p>
+            </div>
 
             <div class="class-grid">
                 {
@@ -210,7 +218,15 @@ const especeData = personnages.reduce((acc, p) => {
             <div class="dnd-bar"></div>
             <p class="dnd-intro">
                 L'espèce influence votre apparence et votre histoire
-                <br /><br />
+            </p>
+            <div
+                class="dnd-intro"
+                style="
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        "
+            >
                 <span
                     style="
                         background-color: rgba(200, 155, 60, 0.4);
@@ -256,7 +272,7 @@ const especeData = personnages.reduce((acc, p) => {
                     "
                     >Ombre</span
                 >
-            </p>
+            </div>
 
             <div class="class-grid">
                 {