diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..8d2c9e8
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+.vscode
+.idea
+./DevQuiz/.vscode
\ No newline at end of file
diff --git a/.gitignore.txt b/.gitignore.txt
deleted file mode 100644
index 722d5e7..0000000
--- a/.gitignore.txt
+++ /dev/null
@@ -1 +0,0 @@
-.vscode
diff --git a/BubbleGame/index.html b/BubbleGame/index.html
index 493de12..06924b6 100644
--- a/BubbleGame/index.html
+++ b/BubbleGame/index.html
@@ -44,6 +44,7 @@ <h1>game over</h1>
         <h3>your score:&nbsp<span class="current-score">0</span></h3>
         <h3>High score:&nbsp<span class="high-score">0</span></h3>
         <button class="video-game-button">PLAY AGAIN</button>
+        <a href="../index.html" class="video-game-button">HOME</a>
     </div>
     <div class="main">
       <div class="main-panel">
diff --git a/BubbleGame/style.css b/BubbleGame/style.css
index 51bc83f..9877c8a 100644
--- a/BubbleGame/style.css
+++ b/BubbleGame/style.css
@@ -207,6 +207,8 @@ body{
     transform-style: preserve-3d;
     -webkit-transition: background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
     transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
+    margin-bottom: .5em;
+    text-align: center;
 }
 
 .video-game-button::before {
diff --git a/DevQuiz/index.html b/DevQuiz/index.html
index 2f3f16a..f0746af 100644
--- a/DevQuiz/index.html
+++ b/DevQuiz/index.html
@@ -33,9 +33,10 @@ <h3 class="remark-emoji">{emo}</h3>
                     <h3 class="score-section">score: <span class="score-box">0</span>/<span class="total-score">0<script></script></span></h3>
                     <h3 class="percent">( 0% )</h3>
                     <br><br>
-                    <span class="btn">&emsp;&emsp;<button class="restart-btn">restartQuiz<span class="btn-brackets">()</span><span class="btn-colon">;</span></button></span>
-
-
+                    <div>
+                        <span class="btn">&emsp;&emsp;<button class="end-game-btn restart-btn">restartQuiz<span class="btn-brackets">()</span><span class="btn-colon">;</span></button></span>
+                        <span class="btn"><a href="../index.html" class="end-game-btn">home</a></span>
+                    </div>
                 </span>
                 <br>
                 <span class="brackets">}</span>
diff --git a/DevQuiz/style.css b/DevQuiz/style.css
index b4570ea..5a69baa 100644
--- a/DevQuiz/style.css
+++ b/DevQuiz/style.css
@@ -95,7 +95,7 @@ body{
 }
 
 .start-btn,
-.restart-btn{
+.end-game-btn{
     background-color: transparent;
     border: 1px solid white;
     padding: 10px 25px;
@@ -107,27 +107,27 @@ body{
     font-size: 1.3vw;
 }
 
-.restart-btn{
-    margin-right: 4vw;
+.end-game-btn{
+    margin-right: 1em;
 }
 
 .start-btn:hover,
-.restart-btn:hover{
+.end-game-btn:hover{
     color: #4def74;
 }
 
 .start-btn:hover .btn-brackets,
-.restart-btn:hover .btn-brackets{
+.end-game-btn:hover .btn-brackets{
     color: #2c4f9e;
 }
 
 .start-btn:hover .btn-colon,
-.restart-btn:hover .btn-colon{
+.end-game-btn:hover .btn-colon{
     color: #5aceff;
 }
 
 .start-btn:active,
-.restart-btn:active{
+.end-game-btn:active{
     border-color: #db78a1;
 }
 
@@ -370,7 +370,7 @@ body{
     }
     
     .start-btn,
-    .restart-btn{
+    .end-game-btn{
         padding: 10px 25px;
         border-radius: 30px;
         font-size: 5vw;
diff --git a/index.html b/index.html
index 04c8ff5..2473880 100644
--- a/index.html
+++ b/index.html
@@ -86,17 +86,17 @@ <h1>Web Games</h1>
     </nav>
 
     <div class="main-content">
-      <a href="tic-tac-toe/index.html" class="game game1" target="_blank">
+      <a href="tic-tac-toe/index.html" class="game game1">
         <img src="assets/tic-tac-toe.png" alt="" />
         <h3 class="game-text">Tic-Tac-Toe</h3>
       </a>
 
-      <a href="BubbleGame/index.html" class="game game1" target="_blank">
+      <a href="BubbleGame/index.html" class="game game1">
         <img src="assets/the_bubble_game.png" alt="" />
         <h3 class="game-text">The Bubble Game</h3>
       </a>
 
-      <a href="DevQuiz/index.html" class="game game1" target="_blank">
+      <a href="DevQuiz/index.html" class="game game1">
         <img src="assets/dev_quiz.png" alt="" />
         <h3 class="game-text">Dev Quiz</h3>
       </a>
diff --git a/tic-tac-toe/index.html b/tic-tac-toe/index.html
index 63ed696..4903fc0 100644
--- a/tic-tac-toe/index.html
+++ b/tic-tac-toe/index.html
@@ -30,7 +30,8 @@ <h3>Multiplayer</h3>
     <div class="win-screen">
         <h1 id="win-msg"><span class="winner-name"></span> is the <span class="winner">winner</span>!!</h1>
         <h1 id="draw-msg" style="color:yellow;" hidden>Game Drawn</h1>
-        <button class="video-game-button-end">Restart</button>
+        <button class="video-game-button-restart video-game-button-end">Restart</button>
+        <a href="../index.html" class="video-game-button-end">Home</a>
     </div>
     <div class="main">
         <h1><span class="player">X</span>'s Turn</h1>
diff --git a/tic-tac-toe/style.css b/tic-tac-toe/style.css
index 4931c80..586536f 100644
--- a/tic-tac-toe/style.css
+++ b/tic-tac-toe/style.css
@@ -194,6 +194,8 @@ body{
     transform-style: preserve-3d;
     -webkit-transition: background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
     transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
+    margin-bottom: .5em;
+    text-align: center;
 }
 
 .video-game-button-end::before {