From c82355da3aa681976f557b2a50adc900ba21ef00 Mon Sep 17 00:00:00 2001
From: Ashika Gupta <ashikagupta1503@gmail.com>
Date: Fri, 31 May 2024 02:11:29 +0530
Subject: [PATCH] Increase size of instructions and add 'Instructions' heading

---
 Games/Tilting_Maze/index.html | 1 +
 Games/Tilting_Maze/script.js  | 6 ++++--
 Games/Tilting_Maze/style.css  | 8 ++++----
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/Games/Tilting_Maze/index.html b/Games/Tilting_Maze/index.html
index b0dbe85584..deca918994 100644
--- a/Games/Tilting_Maze/index.html
+++ b/Games/Tilting_Maze/index.html
@@ -27,6 +27,7 @@
         <div id="joystick-head"></div>
       </div>
       <div id="note">
+        <h3><b>Instructions:</b></h3>
         Click the joystick to start!
         <p>Move every ball to the center. Ready for hard mode? Press H</p>
       </div>
diff --git a/Games/Tilting_Maze/script.js b/Games/Tilting_Maze/script.js
index 2765d93951..89c9eba2af 100644
--- a/Games/Tilting_Maze/script.js
+++ b/Games/Tilting_Maze/script.js
@@ -330,10 +330,12 @@ Math.minmax = (value, limit) => {
       `;
   
     if (hardMode) {
-      noteElement.innerHTML = `Click the joystick to start!
+      noteElement.innerHTML = `<h3><b>Instructions:</b></h3>
+      Click the joystick to start!
           <p>Hard mode, Avoid black holes. Back to easy mode? Press E</p>`;
     } else {
-      noteElement.innerHTML = `Click the joystick to start!
+      noteElement.innerHTML = `<h3><b>Instructions:</b></h3>
+      Click the joystick to start!
           <p>Move every ball to the center. Ready for hard mode? Press H</p>`;
     }
     noteElement.style.opacity = 1;
diff --git a/Games/Tilting_Maze/style.css b/Games/Tilting_Maze/style.css
index 9cde86d50f..918af7e892 100644
--- a/Games/Tilting_Maze/style.css
+++ b/Games/Tilting_Maze/style.css
@@ -38,8 +38,8 @@ body {
   position: relative;
   grid-row: 1 / -1;
   grid-column: 1;
-  width: 350px;
-  height: 315px;
+  width: 650px;
+  height: 615px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -139,10 +139,10 @@ body {
 }
 
 #note {
-  grid-row: 3;
+  grid-row: 0;
   grid-column: 2;
   text-align: center;
-  font-size: 0.8em;
+  font-size: 1em;
   color: var(--text-color);
   transition: opacity 2s;
 }