changements dans le css et html des habilites-row

www/armures.html

@@ -48,10 +48,12 @@
                     incinération destructrice, laissant des cadavres calcinés et des cendres dériver dans sa mer
                     écarlate.
                 </p>
+                <div class="habilites-row">
                     <div class="habilites">
                         <h3>Habilités</h3>
                         <p>Boule de feu : Lance un projectile enflammé qui embrase les ennemis au contact.</p>
-                    <p>Immolation : Protégez Ember avec une armure de flammes dont la combustion s’intensifie avec le
+                        <p>Immolation : Protégez Ember avec une armure de flammes dont la combustion s’intensifie avec
+                            le
                             temps,
                             consommant de l’énergie une fois sa
                             jauge pleine. Relancez le sort pour éteindre les flammes.
@@ -68,6 +70,7 @@
                         <video src="./medias/mediasAndres/Ember.mp4" autoplay muted loop playsinline></video>
                     </div>
                 </div>
+            </div>
         </section>
 
         <section class="perso">

www/css/style.css

@@ -664,10 +664,17 @@ blockquote a {
 .armures .perso .content {
     position: relative;
     z-index: 10;
+    flex-direction: row;
+    gap: 30px;
+    align-items: flex-start;
+}
+
+.armures .perso .habilites-row {
     display: flex;
     flex-direction: row;
     gap: 30px;
     align-items: flex-start;
+    margin-top: 20px;
 }
 
 .armures .perso .habilites-video {
@@ -677,7 +684,7 @@ blockquote a {
 }
 
 .armures .perso .habilites-video video {
-    width: 30%;
+    width: 100%;
     height: auto;
     border-radius: 10px;
     display: block;