add next

style/style.css

@@ -13,24 +13,6 @@ body{
   /* margin-left: 200px; */
 }
 
-/* start */
-/* @-webkit-keyframes dash {
-  from {
-    stroke-dashoffset: 3000;
-  }
-  to {
-    stroke-dashoffset: 0;
-  }
-}
-@keyframes dash {
-  from {
-    stroke-dashoffset: 3000;
-  }
-  to {
-    stroke-dashoffset: 0;
-  }
-} */
-
 p, a{
   font-size: 18px;
   line-height: 26px;
@@ -72,6 +54,17 @@ h4{
   cursor: pointer;
 }
 
+#next, #next2{
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  z-index: 999;
+}
+
+#next img, #next2 img{
+  margin-left: 10px;
+}
+
 #y p, #n p{
   font-size: 30px;
   margin: auto;
@@ -137,13 +130,6 @@ section{
   left: 715px;
 }
 
-/* #start #y:hover ~ .tracer-y path{
-  stroke-dasharray: 3000;
-  stroke-dashoffset: 0;
-  -webkit-animation: dash 5s linear;
-          animation: dash 5s linear;
-} */
-
 /* ////////angoisses//////// */
 #angoisses{
   top: 3810px;
@@ -183,6 +169,12 @@ section{
   left: 240px;
 }
 
+#coeur #next{
+  top: -100px;
+  left: 330px;
+  transform: rotate(-70deg);
+}
+
 /* ////////summo//////// */
 #sumo{
   top: 4200px;
@@ -195,6 +187,11 @@ section{
   left: 200px;
 }
 
+#sumo #next{
+  top: -40px;
+  left: 270px;
+  transform: rotate(-70deg);
+}
 /* ////////voyance//////// */
 #voyance{
   top: 2630px;
@@ -246,6 +243,11 @@ section{
   margin-left: -10px;
 }
 
+#parlons_en #next{
+  top: 250px;
+  left: -100px;
+  transform: rotate(200deg);
+}
 /* ////////ampoule//////// */
 #ampoule{
   top: 1908px;
@@ -305,6 +307,11 @@ section{
   left: -1350px;
 }
 
+#besoin #next{
+  top: 120px;
+  left: -120px;
+  transform: rotate(160deg);
+}
 /* ////////genie//////// */
 #genie{
   top: 248px;
@@ -402,6 +409,11 @@ section{
   left: -290px;
 }
 
+#bah_alors #next{
+  top: 450px;
+  left: 620px;
+  transform: rotate(120deg);
+}
 /* ////////et_maintenant//////// */
 #et_maintenant{
   top: 1450px;
@@ -495,6 +507,18 @@ section{
   left: -1680px;
 }
 
+#koala #next{
+  top: 270px;
+  left: -130px;
+  transform: rotate(140deg);
+}
+
+#koala #next2{
+  position: absolute;
+  top: 400px;
+  left: 340px;
+  transform: rotate(70deg);
+}
 /* ////////chevalier//////// */
 #chevalier{
   top: 2410px;
@@ -542,6 +566,11 @@ section{
   margin-top: 55px;
 }
 
+#sy_mettre #next{
+  left: 130px;
+  top: 240px;
+}
+
 /* ////////etoile//////// */
 #etoile{
   top: 3920px;