From d6dd27009a4f9bcaf6d9e8aac02346bc8d67e0ae Mon Sep 17 00:00:00 2001
From: "barraux.a" <barraux.a@example.com>
Date: Thu, 24 Mar 2022 09:34:29 +0100
Subject: [PATCH] jyujzfe

---
 index.html | 12 ++++++------
 master.css |  6 +++++-
 2 files changed, 11 insertions(+), 7 deletions(-)
diff --git a/index.html b/index.html
index d7d6a89..0bd1a44 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
 <body>
     <div id="tirage">
 
-        <span id="rouleau_1" class="rouleau">
+        <div id="rouleau_1" class="rouleau">
             <div class="cube">
                 <div class="cube__face cube__face--0">0</div>
                 <div class="cube__face cube__face--1">1</div>
@@ -22,8 +22,8 @@
                 <div class="cube__face cube__face--9">9</div>
 
             </div>
-        </span>
-        <span id="rouleau_2">
+        </div>
+        <div id="rouleau_2" class="rouleau">
             <div class="cube">
                 <div class="cube__face cube__face--0">0</div>
                 <div class="cube__face cube__face--1">1</div>
@@ -37,8 +37,8 @@
                 <div class="cube__face cube__face--9">9</div>
 
             </div>
-        </span>
-        <span id="rouleau_3">
+        </div>
+        <div id="rouleau_3" class="rouleau">
             <div class="cube">
                 <div class="cube__face cube__face--0">0</div>
                 <div class="cube__face cube__face--1">1</div>
@@ -52,7 +52,7 @@
                 <div class="cube__face cube__face--9">9</div>
 
             </div>
-        </span>
+        </div>
     </div>
 
     <p>Banque : <span id="banque_score">1000</span></p>
diff --git a/master.css b/master.css
index 597f0fa..f1216ed 100644
--- a/master.css
+++ b/master.css
@@ -6,12 +6,16 @@
     perspective: 400px;
 }
 
+#tirage {
+    display: flex;
+}
+
 .cube {
     width: 60px;
     height: 60px;
     position: relative;
     transform-style: preserve-3d;
-    transform: translateZ(-100px);
+    /* transform: translateZ(-100px); */
     transition: transform 1s;
 }
 
