diff --git a/index.html b/index.html
index 9988a63..3185b04 100644
--- a/index.html
+++ b/index.html
@@ -1,270 +1,211 @@
 <!DOCTYPE html>
 <html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link rel="stylesheet" href="./styles/mainstyle.css" />
-		<link rel="stylesheet" href="./styles/default.style.css" />
-		<link rel="stylesheet" href="/styles/global.css" />
-		<link rel="stylesheet" href="./styles/index.style.css" />
-		<link
-			rel="stylesheet"
-			href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
-		/>
-		<!-- JavaScript files -->
-		<script defer src="./js/validation.js"></script>
-		<script defer src="./js/index.js"></script>
-		<!-- Logo of the game -->
-		<link rel="icon" href="./assets/favicon.ico" type="image/x-icon" />
-		<link rel="shortcut icon" href="./assets/favicon.ico" type="image/x-icon" />
-		<link
-			rel="stylesheet"
-			href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
-		/>
-		<script src="./js/emoji.js"></script>
-		<title>Dots & Boxes Game</title>
-	</head>
 
-	<body>
-		<script src="/js/global.js"></script>
+<head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<link rel="stylesheet" href="./styles/mainstyle.css" />
+	<link rel="stylesheet" href="./styles/default.style.css" />
+	<link rel="stylesheet" href="/styles/global.css" />
+	<link rel="stylesheet" href="./styles/index.style.css" />
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
+	<!-- JavaScript files -->
+	<script defer src="./js/validation.js"></script>
+	<script defer src="./js/index.js"></script>
+	<!-- Logo of the game -->
+	<link rel="icon" href="./assets/favicon.ico" type="image/x-icon" />
+	<link rel="shortcut icon" href="./assets/favicon.ico" type="image/x-icon" />
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
+	<script src="./js/emoji.js"></script>
+	<title>Dots & Boxes Game</title>
+</head>
 
-		<audio id="background-music" autoplay loop>
-			<source src="./assets/sounds/bgMusic.mp3" type="audio/mpeg" />
-		</audio>
-		<div class="settings">
-			<video autoplay muted class="video" loop id="myVideo">
-				<source src="/assets/videos/1.mp4" type="video/mp4" />
-			</video>
-			<div class="whole-background">
-				<nav class="navbarr">
-					<div class="logo">
-						<a href="#">Dots & Boxes ⚄</a>
-					</div>
-					<ul class="nav-links">
-						<li><a href="index.html"><i class="fas fa-home"></i>Home</a></li>
-						<li><a href="./pages/about.html"><i class="fas fa-info-circle"></i>About Us</a></li>
-						<li><a href="./pages/FAQs.html"><i class="fas fa-question-circle"></i>FAQs</a></li>
-						<li><a href="./pages/contributors.html"><i class="fas fa-users"></i>Contributors</a></li>
-						<li><a href="./pages/testimonials.html"><i class="fas fa-users"></i>Testimonials</a></li>
-						<li><a href="./pages/game.html"><i class="fas fa-gamepad"></i>Let's Go</a></li>
-					</ul>
-					<div class="hamburger">
-						<i class="fas fa-bars"></i>
-					</div>
-				</nav>
-				
-				<button class="sticky-button" onclick="openForm()">Feedback</button>
-				<div class="feed-bg">
-					<div id="formContainer" class="form-container">
-						<div class="form-content">
-							<div class="sub">
-								<h5>We'd Love Your Feedback!</h5>
-								<span class="close-button" onclick="closeForm()">&times;</span>
-							</div>
-							<div class="wrapper">
-								<input type="radio" name="rate" id="star-1" />
-								<input type="radio" name="rate" id="star-2" />
-								<input type="radio" name="rate" id="star-3" />
-								<input type="radio" name="rate" id="star-4" />
-								<input type="radio" name="rate" id="star-5" />
-								<div class="content">
-									<div class="outer">
-										<div class="emojis">
-											<li class="slideImg">
-												<img
-													src="./assets/images/emojis/emoji-1-bg.png"
-													alt="emoji"
-												/>
-											</li>
-											<li>
-												<img
-													src="./assets/images/emojis/emoji-2-bg.png"
-													alt="emoji"
-												/>
-											</li>
-											<li>
-												<img
-													src="./assets/images/emojis/emoji-3.png"
-													alt="emoji"
-												/>
-											</li>
-											<li>
-												<img
-													src="./assets/images/emojis/emoji-4-bg.png"
-													alt="emoji"
-												/>
-											</li>
-											<li>
-												<img
-													src="./assets/images/emojis/emoji-5-bg.png"
-													alt="emoji"
-												/>
-											</li>
-										</div>
-									</div>
-									<div class="stars">
-										<label for="star-1" class="star-1 fas fa-star"></label>
-										<label for="star-2" class="star-2 fas fa-star"></label>
-										<label for="star-3" class="star-3 fas fa-star"></label>
-										<label for="star-4" class="star-4 fas fa-star"></label>
-										<label for="star-5" class="star-5 fas fa-star"></label>
+<body>
+	<script src="/js/global.js"></script>
+
+	<audio id="background-music" autoplay loop>
+		<source src="./assets/sounds/bgMusic.mp3" type="audio/mpeg" />
+	</audio>
+	<div class="settings">
+		<video autoplay muted class="video" loop id="myVideo">
+			<source src="/assets/videos/1.mp4" type="video/mp4" />
+		</video>
+		<div class="whole-background">
+			<nav class="navbarr">
+				<div class="logo">
+					<a href="#">Dots & Boxes ⚄</a>
+				</div>
+				<ul class="nav-links">
+					<li><a href="index.html"><i class="fas fa-home"></i>Home</a></li>
+					<li><a href="./pages/about.html"><i class="fas fa-info-circle"></i>About Us</a></li>
+					<li><a href="./pages/FAQs.html"><i class="fas fa-question-circle"></i>FAQs</a></li>
+					<li><a href="./pages/contributors.html"><i class="fas fa-users"></i>Contributors</a></li>
+					<li><a href="./pages/testimonials.html"><i class="fas fa-users"></i>Testimonials</a></li>
+					<li><a href="./pages/game.html"><i class="fas fa-gamepad"></i>Let's Go</a></li>
+				</ul>
+				<div class="hamburger">
+					<i class="fas fa-bars"></i>
+				</div>
+			</nav>
+
+			<button class="sticky-button" onclick="openForm()">Feedback</button>
+			<div class="feed-bg">
+				<div id="formContainer" class="form-container">
+					<div class="form-content">
+						<div class="sub">
+							<h5>We'd Love Your Feedback!</h5>
+							<span class="close-button" onclick="closeForm()">&times;</span>
+						</div>
+						<div class="wrapper">
+							<input type="radio" name="rate" id="star-1" />
+							<input type="radio" name="rate" id="star-2" />
+							<input type="radio" name="rate" id="star-3" />
+							<input type="radio" name="rate" id="star-4" />
+							<input type="radio" name="rate" id="star-5" />
+							<div class="content">
+								<div class="outer">
+									<div class="emojis">
+										<li class="slideImg">
+											<img src="./assets/images/emojis/emoji-1-bg.png" alt="emoji" />
+										</li>
+										<li>
+											<img src="./assets/images/emojis/emoji-2-bg.png" alt="emoji" />
+										</li>
+										<li>
+											<img src="./assets/images/emojis/emoji-3.png" alt="emoji" />
+										</li>
+										<li>
+											<img src="./assets/images/emojis/emoji-4-bg.png" alt="emoji" />
+										</li>
+										<li>
+											<img src="./assets/images/emojis/emoji-5-bg.png" alt="emoji" />
+										</li>
 									</div>
 								</div>
-								<div class="footer">
-									<span class="text"></span>
-									<span class="numb"></span>
+								<div class="stars">
+									<label for="star-1" class="star-1 fas fa-star"></label>
+									<label for="star-2" class="star-2 fas fa-star"></label>
+									<label for="star-3" class="star-3 fas fa-star"></label>
+									<label for="star-4" class="star-4 fas fa-star"></label>
+									<label for="star-5" class="star-5 fas fa-star"></label>
 								</div>
 							</div>
+							<div class="footer">
+								<span class="text"></span>
+								<span class="numb"></span>
+							</div>
+						</div>
 
-							<form id="feedbackForm">
-								<div class="form-group-1">
-									<div class="form-group">
-										<label for="firstName">Name</label>
-										<input
-											type="text"
-											required
-											id="firstName"
-											name="firstName"
-											placeholder="Enter Name"
-										/>
-									</div>
-									<div class="form-group">
-										<label for="email">Email</label>
-										<input
-											type="email"
-											required
-											id="email"
-											name="email"
-											placeholder="Enter Email"
-										/>
-									</div>
-								</div>
+						<form id="feedbackForm">
+							<div class="form-group-1">
 								<div class="form-group">
-									<label for="feedback">Describe your feedback</label>
-									<textarea
-										id="feedback"
-										required
-										name="feedback"
-										rows="4"
-										placeholder="Tell us how we can improve ..."
-									></textarea>
+									<label for="firstName">Name</label>
+									<input type="text" required id="firstName" name="firstName"
+										placeholder="Enter Name" />
 								</div>
-								<div class="submitbtn">
-									<input type="submit" value="Submit" class="buttons" />
-									<input type="reset" value="Reset" class="buttons" />
+								<div class="form-group">
+									<label for="email">Email</label>
+									<input type="email" required id="email" name="email" placeholder="Enter Email" />
 								</div>
-							</form>
-						</div>
+							</div>
+							<div class="form-group">
+								<label for="feedback">Describe your feedback</label>
+								<textarea id="feedback" required name="feedback" rows="4"
+									placeholder="Tell us how we can improve ..."></textarea>
+							</div>
+							<div class="submitbtn">
+								<input type="submit" value="Submit" class="buttons" />
+								<input type="reset" value="Reset" class="buttons" />
+							</div>
+						</form>
 					</div>
 				</div>
-				<div id="thankYouPopup" class="popup hidden">
-					<div class="popup-content">
-						<span class="close-button" onclick="closeThankYouPopup()"
-							>&times;</span
-						>
-						<h3>Thank You!</h3>
-						<p>Your feedback has been submitted.</p>
-					</div>
+			</div>
+			<div id="thankYouPopup" class="popup hidden">
+				<div class="popup-content">
+					<span class="close-button" onclick="closeThankYouPopup()">&times;</span>
+					<h3>Thank You!</h3>
+					<p>Your feedback has been submitted.</p>
 				</div>
+			</div>
 
-				<div class="form">
-					<!-- <h1 class="heading">▂ ▄ ▅ ▆ ▇ █ MAXIMISE BOXES!! █ ▇ ▆ ▅ ▄ ▂</h1> -->
-					<h1 class="heading">▂ ▄ █ MAXIMISE BOXES!! █ ▄ ▂</h1>
-					<h3 class="instructions-heading" style="text-decoration: underline">
-						Instructions
-					</h3>
-					<p class="instructions">
-						1. 🧩 Select the number of rows, columns, and players. <br />
-						2. 🏆 The player who has the maximum number of boxes on the board is
-						the winner. <br />
-						3. 🔄 Players will switch after every turn. But the player who fills
-						the last box will get one extra chance consecutively. 🎉 <br />
-					</p>
+			<div class="form">
+				<!-- <h1 class="heading">▂ ▄ ▅ ▆ ▇ █ MAXIMISE BOXES!! █ ▇ ▆ ▅ ▄ ▂</h1> -->
+				<h1 class="heading">▂ ▄ █ MAXIMISE BOXES!! █ ▄ ▂</h1>
+				<h3 class="instructions-heading" style="text-decoration: underline">
+					Instructions
+				</h3>
+				<p class="instructions">
+					1. 🧩 Select the number of rows, columns, and players. <br />
+					2. 🏆 The player who has the maximum number of boxes on the board is
+					the winner. <br />
+					3. 🔄 Players will switch after every turn. But the player who fills
+					the last box will get one extra chance consecutively. 🎉 <br />
+				</p>
 
-					<a href="./pages/howtoplay.html" class="button"
-						>Read Detailed Instructions</a
-					>
-				</div>
-				<div class="form">
-					<div class="right-background">
-						<div class="form-item">
-							<label for="theme-select" style="text-decoration: underline"
-								>Select Theme:</label
-							>
-							<select id="theme-select">
-								<option value="1">Default</option>
-								<option value="2">Theme 1</option>
-								<option value="3">Theme 2</option>
-							</select>
-						</div>
-						<div class="form-item">
-							<label for="difficulty">Select Difficulty:</label>
-							<div class="difficulty">
-								<button class="d-type active easy">Easy</button>
-								<button class="d-type">Normal</button>
-								<button class="d-type">Hard</button>
-								<button class="d-type">Expert</button>
-							</div>
+				<a href="./pages/howtoplay.html" class="button">Read Detailed Instructions</a>
+			</div>
+			<div class="form">
+				<div class="right-background">
+					<div class="form-item">
+						<label for="theme-select" style="text-decoration: underline">Select Theme:</label>
+						<select id="theme-select">
+							<option value="1">Default</option>
+							<option value="2">Theme 1</option>
+							<option value="3">Theme 2</option>
+						</select>
+					</div>
+					<div class="form-item">
+						<label for="difficulty">Select Difficulty:</label>
+						<div class="difficulty">
+							<button class="d-type active easy">Easy</button>
+							<button class="d-type">Normal</button>
+							<button class="d-type">Hard</button>
+							<button class="d-type">Expert</button>
 						</div>
+					</div>
 
-						<div class="form-item">
-							<label for="players-count"
-								>Players : <span class="details">(between 2 and 6)</span></label
-							>
-							<input
-								type="number"
-								id="players-count"
-								min="2"
-								max="6"
-								value="2"
-							/>
-							<span class="player"></span>
-						</div>
+					<div class="form-item">
+						<label for="players-count">Players : <span class="details">(between 2 and 6)</span></label>
+						<input type="number" id="players-count" min="2" max="6" value="2" />
+						<span class="player"></span>
+					</div>
 
-						<div class="button-container">
-							<a
-								href="./pages/game.html"
-								class="start-btn button1"
-								id="start-btn"
-								aria-label="START"
-							>
-								START
-							</a>
-							<button class="reset-btn button1" id="reset-btn">RESET</button>
-							<button id="music-toggle" onclick="toggleMusic()">
-								Music Off
-							</button>
-						</div>
+					<div class="button-container">
+						<a href="./pages/game.html" class="start-btn button1" id="start-btn" aria-label="START">
+							START
+						</a>
+						<button class="reset-btn button1" id="reset-btn">RESET</button>
+						<button id="music-toggle" onclick="toggleMusic()">
+							Music Off
+						</button>
 					</div>
 				</div>
 			</div>
-			<div class="author">
-				<div class="fotbar">
-					<a href="./pages/howtoplay.html"><i class="fas fa-gamepad"></i> HowToPlay?</a>
-					<a href="./pages/termsofservice.html"><i class="fas fa-file-contract"></i> TermsOfService</a>
-					<a href="./pages/privacypolicy.html"><i class="fas fa-user-shield"></i> PrivacyPolicy</a>
-					<a href="./pages/licensing.html"><i class="fas fa-copyright"></i> Licensing</a>
-				</div>
-				<div id="copyright">
-					&copy;
-					<script>
-						document.write(new Date().getFullYear());
-					</script>
-					Made with ❤️ by
-				</div>
-				<a href="https://github.com/ChromeGaming">Chrome Gaming</a>
-				<div class="social-icons">
-					<a href="https://github.com/ChromeGaming/Dot-Box" target="_blank"
-						><i class="fab fa-github"></i
-					></a>
-					<a href="https://discord.gg/2HTCFrSvPB" target="_blank"
-						><i class="fab fa-discord"></i
-					></a>
+		</div>
+		<div class="author">
+			<div class="fotbar">
+				<a href="./pages/howtoplay.html"><i class="fas fa-gamepad"></i> HowToPlay?</a>
+				<a href="./pages/termsofservice.html"><i class="fas fa-file-contract"></i> TermsOfService</a>
+				<a href="./pages/privacypolicy.html"><i class="fas fa-user-shield"></i> PrivacyPolicy</a>
+				<a href="./pages/licensing.html"><i class="fas fa-copyright"></i> Licensing</a>
 			</div>
-				</div>
+			<div id="copyright">
+				&copy;
+				<script>
+					document.write(new Date().getFullYear());
+				</script>
+				Made with ❤️ by
+			</div>
+			<a href="https://github.com/ChromeGaming">Chrome Gaming</a>
+			<div class="social-icons">
+				<a href="https://github.com/ChromeGaming/Dot-Box" target="_blank"><i class="fab fa-github"></i></a>
+				<a href="https://discord.gg/2HTCFrSvPB" target="_blank"><i class="fab fa-discord"></i></a>
 			</div>
 		</div>
-		<!-- <div class="flex">
+	</div>
+	</div>
+	<!-- <div class="flex">
 			<div class="board"></div>
 			<div class="score">
 				<div class="players"></div>
@@ -281,11 +222,9 @@ <h3 class="instructions-heading" style="text-decoration: underline">
 			</div>
 		</div> -->
 
-		<script
-			src="//code.tidio.co/fdylvmddtyb7vzsk5frdt3ncrk6cwobs.js"
-			async
-		></script>
-	</body>
+	<script src="//code.tidio.co/fdylvmddtyb7vzsk5frdt3ncrk6cwobs.js" async></script>
+</body>
+
+<script src="https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js"></script>
 
-	<script src="https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js"></script>
-</html>
+</html>
\ No newline at end of file
diff --git a/pages/game.html b/pages/game.html
index 3f20291..0557df4 100644
--- a/pages/game.html
+++ b/pages/game.html
@@ -1,256 +1,245 @@
 <!DOCTYPE html>
 <html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
 
-		<!-- Stylesheet -->
-		<link rel="stylesheet" href="../styles/default.style.css" />
-		<link rel="stylesheet" href="/styles/global.css" />
-		<link rel="stylesheet" href="../styles/game.style.css" />
-
-		<!-- JavaScript files -->
-		<script defer src="../js/edge.js"></script>
-		<script defer src="../js/box.js"></script>
-		<script defer src="../js/board.js"></script>
-		<script defer src="../js/game.js"></script>
-
-		<!-- Logo of the game -->
-		<link rel="icon" href="../assets/favicon.ico" type="image/x-icon" />
-		<link
-			rel="shortcut icon"
-			href="../assets/favicon.ico"
-			type="image/x-icon"
-		/>
-		<link
-			rel="stylesheet"
-			href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
-			integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
-			crossorigin="anonymous"
-			referrerpolicy="no-referrer"
-		/>
-
-		<!-- Title of the game -->
-		<title>Dots & Boxes Game</title>
-	</head>
-
-	<body>
-		<script src="/js/global.js"></script>
-
-		<video autoplay muted class="video" loop id="myVideo">
-			<source src="/assets/videos/1.mp4" type="video/mp4" />
-		</video>
-
-		<div id="playerSetup">
-			<div id="playerForm">
-				<div id="playerInputs">
-					<!-- Player input fields will be added here -->
-				</div>
-				<div id="btn-contain">
-					<button id="play-btn">Play Now</button>
-
-					<a id="back-btn" href="../index.html">
-						<svg
-							height="16"
-							width="16"
-							xmlns="http://www.w3.org/2000/svg"
-							version="1.1"
-							viewBox="0 0 1024 1024"
-						>
-							<path
-								d="M874.690416 495.52477c0 11.2973-9.168824 20.466124-20.466124 20.466124l-604.773963 0 188.083679 188.083679c7.992021 7.992021 7.992021 20.947078 0 28.939099-4.001127 3.990894-9.240455 5.996574-14.46955 5.996574-5.239328 0-10.478655-1.995447-14.479783-5.996574l-223.00912-223.00912c-3.837398-3.837398-5.996574-9.046027-5.996574-14.46955 0-5.433756 2.159176-10.632151 5.996574-14.46955l223.019353-223.029586c7.992021-7.992021 20.957311-7.992021 28.949332 0 7.992021 8.002254 7.992021 20.957311 0 28.949332l-188.073446 188.073446 604.753497 0C865.521592 475.058646 874.690416 484.217237 874.690416 495.52477z"
-							></path>
-						</svg>
-						<span>Back</span>
-					</a>
-				</div>
+<head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+
+	<!-- Stylesheet -->
+	<link rel="stylesheet" href="../styles/default.style.css" />
+	<link rel="stylesheet" href="/styles/global.css" />
+	<link rel="stylesheet" href="../styles/game.style.css" />
+
+	<!-- JavaScript files -->
+	<script defer src="../js/edge.js"></script>
+	<script defer src="../js/box.js"></script>
+	<script defer src="../js/board.js"></script>
+	<script defer src="../js/game.js"></script>
+
+	<!-- Logo of the game -->
+	<link rel="icon" href="../assets/favicon.ico" type="image/x-icon" />
+	<link rel="shortcut icon" href="../assets/favicon.ico" type="image/x-icon" />
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
+		integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
+		crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+	<!-- Title of the game -->
+	<title>Dots & Boxes Game</title>
+</head>
+
+<body>
+	<script src="/js/global.js"></script>
+
+	<video autoplay muted class="video" loop id="myVideo">
+		<source src="/assets/videos/1.mp4" type="video/mp4" />
+	</video>
+
+	<div id="playerSetup">
+		<div id="playerForm">
+			<div id="playerInputs">
+				<!-- Player input fields will be added here -->
 			</div>
-		</div>
-
-		<div id="avatarWindow">
-			<h2>Select Avatar</h2>
-			<div id="choices"></div>
-			<div id="buttons">
-				<button id="closeWindow">Cancel</button>
-				<button id="saveAvatar">
-					Save <i class="fa-solid fa-floppy-disk"></i>
-				</button>
+			<div id="btn-contain">
+				<button id="play-btn">Play Now</button>
+
+				<a id="back-btn" href="../index.html">
+					<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" version="1.1"
+						viewBox="0 0 1024 1024">
+						<path
+							d="M874.690416 495.52477c0 11.2973-9.168824 20.466124-20.466124 20.466124l-604.773963 0 188.083679 188.083679c7.992021 7.992021 7.992021 20.947078 0 28.939099-4.001127 3.990894-9.240455 5.996574-14.46955 5.996574-5.239328 0-10.478655-1.995447-14.479783-5.996574l-223.00912-223.00912c-3.837398-3.837398-5.996574-9.046027-5.996574-14.46955 0-5.433756 2.159176-10.632151 5.996574-14.46955l223.019353-223.029586c7.992021-7.992021 20.957311-7.992021 28.949332 0 7.992021 8.002254 7.992021 20.957311 0 28.949332l-188.073446 188.073446 604.753497 0C865.521592 475.058646 874.690416 484.217237 874.690416 495.52477z">
+						</path>
+					</svg>
+					<span>Back</span>
+				</a>
 			</div>
 		</div>
+	</div>
+
+	<div id="avatarWindow">
+		<h2>Select Avatar</h2>
+		<div id="choices"></div>
+		<div id="buttons">
+			<button id="closeWindow">Cancel</button>
+			<button id="saveAvatar">
+				Save <i class="fa-solid fa-floppy-disk"></i>
+			</button>
+		</div>
+	</div>
 
-		<div id="layout">
-			<!-- Menu -->
-			<div id="menu">
-				<div class="menu-header">
-					<h2>Settings</h2>
+	<div id="layout">
+		<!-- Menu -->
+		<div id="menu">
+			<div class="menu-header">
+				<h2>Settings</h2>
+			</div>
+			<div class="menu-body">
+				<div class="menu-links">
+					<a href="../index.html" id="home" class="link-btn">
+						<i class="fa-solid fa-house"></i> Home
+					</a>
+					<a href="../pages/404.html" id="leaderboard" class="link-btn">
+						<i class="fa-solid fa-people-group"></i> Leaderboard
+					</a>
+					<button id="help" class="link-btn">
+						Help <i class="fa-solid fa-circle-question"></i>
+					</button>
+					<button id="surrender" class="link-btn">
+						Surrender <i class="fa-solid fa-flag"></i>
+					</button>
 				</div>
-				<div class="menu-body">
-					<div class="menu-links">
-						<a href="../index.html" id="home" class="link-btn">
-							<i class="fa-solid fa-house"></i> Home
-						</a>
-						<a href="../pages/404.html" id="leaderboard" class="link-btn">
-							<i class="fa-solid fa-people-group"></i> Leaderboard
-						</a>
-						<button id="help" class="link-btn">
-							Help <i class="fa-solid fa-circle-question"></i>
-						</button>
-						<button id="surrender" class="link-btn">
-							Surrender <i class="fa-solid fa-flag"></i>
-						</button>
+				<div class="menu-buttons">
+					<div id="restart" class="icon-btn">
+						<i class="fa-solid fa-arrow-rotate-right"></i>
+					</div>
+					<div id="state" class="icon-btn">
+						<i class="fa-solid fa-play"></i>
 					</div>
-					<div class="menu-buttons">
-						<div id="restart" class="icon-btn">
-							<i class="fa-solid fa-arrow-rotate-right"></i>
-						</div>
-						<div id="state" class="icon-btn">
-							<i class="fa-solid fa-play"></i>
-						</div>
-						<div id="music-toggle" class="icon-btn">
-							<i class="fa-solid fa-volume-high"></i>
-						</div>
+					<div id="music-toggle" class="icon-btn">
+						<i class="fa-solid fa-volume-high"></i>
 					</div>
 				</div>
-				<i class="fas fa-xmark" id="close-menu"></i>
 			</div>
+			<i class="fas fa-xmark" id="close-menu"></i>
+		</div>
 
-			<!-- Game  -->
-			<div class="game-wrapper">
-				<!-- Players Turn-->
-				<div class="player-turn">
-					<div class="bg"><span class="name">PlayerX</span>'s turn</div>
-				</div>
-
-				<!-- Game Board -->
-				<div class="game-container">
-					<div class="board"></div>
-					<div id="setting-btn">Settings</div>
-				</div>
+		<!-- Game  -->
+		<div class="game-wrapper">
+			<!-- Players Turn-->
+			<div class="player-turn">
+				<div class="bg"><span class="name">PlayerX</span>'s turn</div>
 			</div>
 
-			<!-- Scoreboard -->
-			<div class="scoreboard-container">
-				<h2>Scoreboard</h2>
-				<div class="scoreboard">
-					<!-- Scoreboard content will be dynamically added here -->
-				</div>
+			<!-- Game Board -->
+			<div class="game-container">
+				<div class="board"></div>
+				<div id="setting-btn">Settings</div>
 			</div>
 		</div>
 
-		<!-- Winner Overlay -->
-		<div id="win-overlay" class="overlay">
-			<!-- Overlay content -->
-			<div class="overlay-content">
-				<a href="../index.html">Go Back to Home</a>
-				<a href="../pages/game.html">Play Again</a>
-				<a href="../pages/leaderboard.html">See Leaderboard</a>
+		<!-- Scoreboard -->
+		<div class="scoreboard-container">
+			<h2>Scoreboard</h2>
+			<div class="scoreboard">
+				<!-- Scoreboard content will be dynamically added here -->
 			</div>
 		</div>
-
-		<!-- Game Tour -->
-		<div id="tour-overlay">
-			<div class="overlay-content">
-				<div class="tour-step step-1">
-					<h3>Game Tour</h3>
-					<p>
-						Welcome to the Dot-box game presented by Chrome Gaming! <br /><br />
-						Dot-Box is a game where players take turns drawing lines between
-						dots to create boxes. The player who completes the most boxes wins.
-						It's a simple yet strategic game enjoyed by people of all ages.
-						Click the "Next" button to start the tour.
-					</p>
-					<div class="tour-controls">
-						<button id="next-step" class="button">Next</button>
-						<button id="skip-tour" class="button">Skip Tour</button>
-					</div>
+	</div>
+
+	<!-- Winner Overlay -->
+	<div id="win-overlay" class="overlay">
+		<!-- Overlay content -->
+		<div class="overlay-content">
+			<a href="../index.html">Go Back to Home</a>
+			<a href="../pages/game.html">Play Again</a>
+			<a href="../pages/leaderboard.html">See Leaderboard</a>
+		</div>
+	</div>
+
+	<!-- Game Tour -->
+	<div id="tour-overlay">
+		<div class="overlay-content">
+			<div class="tour-step step-1">
+				<h3>Game Tour</h3>
+				<p>
+					Welcome to the Dot-box game presented by Chrome Gaming! <br /><br />
+					Dot-Box is a game where players take turns drawing lines between
+					dots to create boxes. The player who completes the most boxes wins.
+					It's a simple yet strategic game enjoyed by people of all ages.
+					Click the "Next" button to start the tour.
+				</p>
+				<div class="tour-controls">
+					<button id="next-step" class="button">Next</button>
+					<button id="skip-tour" class="button">Skip Tour</button>
 				</div>
+			</div>
 
-				<div class="tour-step step-2">
-					<h3>Step 1</h3>
-					<p>
-						This is Game Board! This is where the game is displayed, Play here
-						by connecting the lines.
-					</p>
-					<div class="tour-controls">
-						<button id="prev-step" class="button">Previous</button>
-						<button id="next-step" class="button">Next</button>
-						<button id="skip-tour" class="button">Skip Tour</button>
-					</div>
+			<div class="tour-step step-2">
+				<h3>Step 1</h3>
+				<p>
+					This is Game Board! This is where the game is displayed, Play here
+					by connecting the lines.
+				</p>
+				<div class="tour-controls">
+					<button id="prev-step" class="button">Previous</button>
+					<button id="next-step" class="button">Next</button>
+					<button id="skip-tour" class="button">Skip Tour</button>
 				</div>
+			</div>
 
-				<div class="tour-step step-3">
-					<h3>Step 2</h3>
-					<p>
-						Here's where the player's score is displayed, Keep track of your
-						score as you play the game
-					</p>
-					<div class="tour-controls">
-						<button id="prev-step" class="button">Previous</button>
-						<button id="next-step" class="button">Next</button>
-						<button id="skip-tour" class="button">Skip Tour</button>
-					</div>
+			<div class="tour-step step-3">
+				<h3>Step 2</h3>
+				<p>
+					Here's where the player's score is displayed, Keep track of your
+					score as you play the game
+				</p>
+				<div class="tour-controls">
+					<button id="prev-step" class="button">Previous</button>
+					<button id="next-step" class="button">Next</button>
+					<button id="skip-tour" class="button">Skip Tour</button>
 				</div>
+			</div>
 
-				<div class="tour-step step-4">
-					<h3>Step 3</h3>
-					<p>Here you can see the player's turn indicator.</p>
-					<div class="tour-controls">
-						<button id="prev-step" class="button">Previous</button>
-						<button id="next-step" class="button">Next</button>
-						<button id="skip-tour" class="button">Skip Tour</button>
-					</div>
+			<div class="tour-step step-4">
+				<h3>Step 3</h3>
+				<p>Here you can see the player's turn indicator.</p>
+				<div class="tour-controls">
+					<button id="prev-step" class="button">Previous</button>
+					<button id="next-step" class="button">Next</button>
+					<button id="skip-tour" class="button">Skip Tour</button>
 				</div>
+			</div>
 
-				<div class="tour-step step-5">
-					<h3>Step 4</h3>
-					<p>
-						This is the live draggable scoreboard. Hold and move to your desired
-						place
-					</p>
-					<div class="tour-controls">
-						<button id="prev-step" class="button">Previous</button>
-						<button id="next-step" class="button">Next</button>
-						<button id="skip-tour" class="button">Skip Tour</button>
-					</div>
+			<div class="tour-step step-5">
+				<h3>Step 4</h3>
+				<p>
+					This is the live draggable scoreboard. Hold and move to your desired
+					place
+				</p>
+				<div class="tour-controls">
+					<button id="prev-step" class="button">Previous</button>
+					<button id="next-step" class="button">Next</button>
+					<button id="skip-tour" class="button">Skip Tour</button>
 				</div>
+			</div>
 
-				<div class="tour-step step-6">
-					<h3>Step 5</h3>
-					<p>
-						This is the home button. Click to go back to the homepage. Besides
-						it there is a 30s timer for each player turn, you have to make a
-						move before time gets up!
-					</p>
-					<div class="tour-controls">
-						<button id="prev-step" class="button">Previous</button>
-						<button id="next-step" class="button">Next</button>
-						<button id="skip-tour" class="button">Skip Tour</button>
-					</div>
+			<div class="tour-step step-6">
+				<h3>Step 5</h3>
+				<p>
+					This is the home button. Click to go back to the homepage. Besides
+					it there is a 30s timer for each player turn, you have to make a
+					move before time gets up!
+				</p>
+				<div class="tour-controls">
+					<button id="prev-step" class="button">Previous</button>
+					<button id="next-step" class="button">Next</button>
+					<button id="skip-tour" class="button">Skip Tour</button>
 				</div>
+			</div>
 
-				<div class="tour-step step-7">
-					<h3>Step 6</h3>
-					<p>
-						This is the sound toggle button. Click to mute/unmute the sound.
-						Besides it there is a reset/restart button.
-					</p>
-					<div class="tour-controls">
-						<button id="prev-step" class="button">Previous</button>
-						<button id="next-step" class="button">Next</button>
-						<button id="skip-tour" class="button">Skip Tour</button>
-					</div>
+			<div class="tour-step step-7">
+				<h3>Step 6</h3>
+				<p>
+					This is the sound toggle button. Click to mute/unmute the sound.
+					Besides it there is a reset/restart button.
+				</p>
+				<div class="tour-controls">
+					<button id="prev-step" class="button">Previous</button>
+					<button id="next-step" class="button">Next</button>
+					<button id="skip-tour" class="button">Skip Tour</button>
 				</div>
+			</div>
 
-				<div class="tour-step step-1">
-					<h3>Step 7</h3>
-					<p>Now you are ready to start the game. Have fun!</p>
-					<div class="tour-controls">
-						<button id="prev-step" class="button">Previous</button>
-						<button id="close-tour" class="button">Close Tour</button>
-					</div>
+			<div class="tour-step step-1">
+				<h3>Step 7</h3>
+				<p>Now you are ready to start the game. Have fun!</p>
+				<div class="tour-controls">
+					<button id="prev-step" class="button">Previous</button>
+					<button id="close-tour" class="button">Close Tour</button>
 				</div>
 			</div>
 		</div>
-		<script src="https://cdn.jsdelivr.net/npm/@tsparticles/confetti@3.0.3/tsparticles.confetti.bundle.min.js"></script>
-	</body>
-</html>
+	</div>
+	<script src="https://cdn.jsdelivr.net/npm/@tsparticles/confetti@3.0.3/tsparticles.confetti.bundle.min.js"></script>
+</body>
+
+</html>
\ No newline at end of file
