enhance menu

index.html

@@ -9,6 +9,21 @@
         />
         <title>Moteur de jeu • Projet</title>
         <style>
+            @keyframes animTitle {
+                0% {
+                    color: orange;
+                }
+                20% {
+                    color: red;
+                }
+                60% {
+                    color: yellow;
+                }
+                100% {
+                    color: orange;
+                }
+            }
+
             body {
                 margin: 0px;
                 background-color: black;

js/Game.js

@@ -91,7 +91,8 @@ export const runGame = (demo) => {
                      border: none; \
                      background: none; \
                      color: white; \
-                     font-size: 400%;";
+                     font-size: 400%; \
+                     cursor: pointer;";
                 document.body.appendChild(restart);
 
                 restart.addEventListener("click", () => {

js/main.js

@@ -11,7 +11,10 @@ const main = () => {
     let titleGame = document.createElement("p");
     titleGame.textContent = "GeometryDash 3D";
     titleGame.style =
-        "background: none; \
+        "-webkit-animation-name: animTitle; \
+         -webkit-animation-iteration-count: infinite; \
+         -webkit-animation-duration: 2s; \
+         background: none; \
          color: white; \
          font-size: 400%;";
     document.body.appendChild(titleGame);
@@ -19,13 +22,12 @@ const main = () => {
     let normalGame = document.createElement("button");
     normalGame.textContent = "Partie normale";
     normalGame.style =
-        "position: absolute; \
+        "margin-top: 20%; \
-         top: 30%; \
-         left: 35%; \
          border: none; \
          background: none; \
          color: white; \
-         font-size: 400%;";
+         font-size: 400%; \
+         cursor: pointer;";
     document.body.appendChild(normalGame);
 
     let demoGame = document.createElement("button");
@@ -37,7 +39,8 @@ const main = () => {
          border: none; \
          background: none; \
          color: white; \
-         font-size: 400%;";
+         font-size: 400%; \
+         cursor: pointer;";
     document.body.appendChild(demoGame);
 
     const removeMenu = () => {