diff --git a/game.css b/game.css
deleted file mode 100644
index 341eea2..0000000
--- a/game.css
+++ /dev/null
@@ -1,43 +0,0 @@
-.games {
-  margin: 0 auto;
-  display: grid;
-  gap: 1rem;
-  grid-template-columns: repeat(1, 1fr);
-}
-
-@media (min-width: 600px) {
-  .games { grid-template-columns: repeat(2, 1fr); }
-}
-
-@media (min-width: 900px) {
-  .games { grid-template-columns: repeat(3, 1fr); }
-}
-
-.game {
-  color: white;
-  position: relative;
-}
-
-.game p {
-    margin: 0;
-}
-
-.game img {
-    width: 100%;
-    height: 100%; 
-    object-fit: contain;
-}
-
-.game-video{
-    opacity: 0;
-    transition: 0.5s ease;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-}
-
-.game:hover .game-video {
-    opacity: 1;
-}
diff --git a/index.html b/index.html
index 2ac2475..20c18e2 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,6 @@
         <meta charset="UTF-8">
         <title>Bloub Bloub Studio</title>
         <link rel="stylesheet" href="/style.css">
-        <link rel="stylesheet" href="/game.css">
         <link rel="icon" href="/favicon.ico" type="image/x-icon">
     </head>
     <body>
@@ -62,7 +61,7 @@
                     <source src="/assets/trailer/trailer.mp4" type="video/mp4">
                 </video>
             </a>
-            <a href="/game1.html" class="game">
+            <a href="/game-template.html" class="game">
                 <img src="/assets/miniature/miniature.png" alt="GAME 1" />
                 <video class="game-video" autoplay loop muted poster="/assets/miniature/miniature.png">
                     <source src="/assets/trailer/trailer.mp4" type="video/mp4">
diff --git a/style.css b/style.css
index 0570ff2..4c881a9 100644
--- a/style.css
+++ b/style.css
@@ -101,3 +101,47 @@ nav > img {
     width: 45px;
     float: right;
 }
+
+.games {
+  margin: 0 auto;
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: repeat(1, 1fr);
+}
+
+@media (min-width: 600px) {
+  .games { grid-template-columns: repeat(2, 1fr); }
+}
+
+@media (min-width: 900px) {
+  .games { grid-template-columns: repeat(3, 1fr); }
+}
+
+.game {
+  color: white;
+  position: relative;
+}
+
+.game p {
+    margin: 0;
+}
+
+.game img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+
+.game-video{
+    opacity: 0;
+    transition: 0.5s ease;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.game:hover .game-video {
+    opacity: 1;
+}
