From 2fe965cd99110531bff98abcc91d6f684d8f6d6b Mon Sep 17 00:00:00 2001
From: Suvodip <suvodip@l1>
Date: Wed, 7 Aug 2024 21:27:54 +0530
Subject: [PATCH] change API Endpoint & Submit Message Desgine

---
 public/saveGameData.js                  |  2 +-
 src/pages/cross/cross_phonics_v1.astro  |  8 +++++---
 src/pages/cross/cross_phonics_v2.astro  | 10 ++++++----
 src/pages/cross/v1.astro                |  8 +++++---
 src/pages/cross/v2.astro                |  8 +++++---
 src/pages/cross/v3.astro                |  8 +++++---
 src/pages/drag/dragdrop_phonics.astro   |  2 +-
 src/pages/drag/index.astro              |  2 +-
 src/pages/drag/match_phonics.astro      |  2 +-
 src/pages/drag/v2.astro                 |  2 +-
 src/pages/drag/v3.astro                 |  2 +-
 src/pages/drawing/drawing_phonics.astro |  2 +-
 src/pages/drawing/drawing_writo.astro   |  2 +-
 src/pages/drawing/index.astro           |  6 +++++-
 src/pages/drawing/v2.astro              |  2 +-
 src/pages/drawing/v3.astro              |  2 +-
 src/pages/guided-tracing/0.astro        |  2 +-
 src/pages/guided-tracing/1.astro        |  2 +-
 src/pages/guided-tracing/2.astro        |  2 +-
 src/pages/guided-tracing/3.astro        |  2 +-
 src/pages/guided-tracing/4.astro        |  2 +-
 src/pages/guided-tracing/5.astro        |  2 +-
 src/pages/guided-tracing/6.astro        |  2 +-
 src/pages/guided-tracing/7.astro        |  2 +-
 src/pages/guided-tracing/8.astro        |  2 +-
 src/pages/guided-tracing/9.astro        |  2 +-
 src/pages/guided-tracing/A.astro        |  2 +-
 src/pages/guided-tracing/B.astro        |  2 +-
 src/pages/guided-tracing/C.astro        |  2 +-
 src/pages/guided-tracing/D.astro        |  2 +-
 src/pages/guided-tracing/E.astro        |  2 +-
 src/pages/guided-tracing/F.astro        |  2 +-
 src/pages/guided-tracing/G.astro        |  2 +-
 src/pages/guided-tracing/H.astro        |  2 +-
 src/pages/guided-tracing/I.astro        |  2 +-
 src/pages/guided-tracing/J.astro        |  2 +-
 src/pages/guided-tracing/K.astro        |  2 +-
 src/pages/guided-tracing/L.astro        |  2 +-
 src/pages/guided-tracing/M.astro        |  2 +-
 src/pages/guided-tracing/N.astro        |  2 +-
 src/pages/guided-tracing/O.astro        |  2 +-
 src/pages/guided-tracing/P.astro        |  2 +-
 src/pages/guided-tracing/Q.astro        |  2 +-
 src/pages/guided-tracing/R.astro        |  2 +-
 src/pages/guided-tracing/S.astro        |  2 +-
 src/pages/guided-tracing/T.astro        |  2 +-
 src/pages/guided-tracing/U.astro        |  2 +-
 src/pages/guided-tracing/V.astro        |  2 +-
 src/pages/guided-tracing/W.astro        |  2 +-
 src/pages/guided-tracing/X.astro        |  2 +-
 src/pages/guided-tracing/Y.astro        |  2 +-
 src/pages/guided-tracing/Z.astro        |  2 +-
 src/pages/guided-tracing/a.astro        |  2 +-
 src/pages/guided-tracing/b.astro        |  2 +-
 src/pages/guided-tracing/c.astro        |  2 +-
 src/pages/guided-tracing/d.astro        |  2 +-
 src/pages/guided-tracing/e.astro        |  2 +-
 src/pages/guided-tracing/f.astro        |  2 +-
 src/pages/guided-tracing/g.astro        |  2 +-
 src/pages/guided-tracing/h.astro        |  2 +-
 src/pages/guided-tracing/i.astro        |  2 +-
 src/pages/guided-tracing/j.astro        |  2 +-
 src/pages/guided-tracing/k.astro        |  2 +-
 src/pages/guided-tracing/l.astro        |  2 +-
 src/pages/guided-tracing/m.astro        |  2 +-
 src/pages/guided-tracing/n.astro        |  2 +-
 src/pages/guided-tracing/o.astro        |  2 +-
 src/pages/guided-tracing/p.astro        |  2 +-
 src/pages/guided-tracing/q.astro        |  2 +-
 src/pages/guided-tracing/r.astro        |  2 +-
 src/pages/guided-tracing/s.astro        |  2 +-
 src/pages/guided-tracing/t.astro        |  2 +-
 src/pages/guided-tracing/u.astro        |  2 +-
 src/pages/guided-tracing/v.astro        |  2 +-
 src/pages/guided-tracing/w.astro        |  2 +-
 src/pages/guided-tracing/x.astro        |  2 +-
 src/pages/guided-tracing/y.astro        |  2 +-
 src/pages/guided-tracing/z.astro        |  2 +-
 src/pages/tick/tick_phonics_v1.astro    | 12 ++++++++----
 src/pages/tick/tick_phonics_v2.astro    |  8 +++++---
 src/pages/tick/tick_phonics_v3.astro    |  8 +++++---
 src/pages/tick/v1.astro                 |  8 +++++---
 src/pages/tick/v2.astro                 |  8 +++++---
 src/pages/tick/v3.astro                 |  8 +++++---
 84 files changed, 136 insertions(+), 108 deletions(-)

diff --git a/public/saveGameData.js b/public/saveGameData.js
index 7249ffa..52938ad 100644
--- a/public/saveGameData.js
+++ b/public/saveGameData.js
@@ -89,7 +89,7 @@ function submitUserData(drawingZone) {
         };
         console.log(userData);
 
-        fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
         method: 'POST',
         headers: {
             'Content-Type' : 'application/json'
diff --git a/src/pages/cross/cross_phonics_v1.astro b/src/pages/cross/cross_phonics_v1.astro
index 3fcfd84..a527977 100644
--- a/src/pages/cross/cross_phonics_v1.astro
+++ b/src/pages/cross/cross_phonics_v1.astro
@@ -68,7 +68,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col place-items-center justify-center pt-8">
-                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
+                            <p class="text-[20px] font-[600] text-[#FFFFFF] bg-[#004aad] px-[20px] py-[10px]" style="display: none;" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -171,7 +171,7 @@ import Layout from "../../layouts/Layout.astro";
         };
         // console.log(userData);
 
-        fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
@@ -181,7 +181,9 @@ import Layout from "../../layouts/Layout.astro";
             .then(response => {
                 if (response.ok) {
                     if(response.status == 200){
-                        document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                        let savedMessageSection = document.getElementById('savedMessage');
+                        savedMessageSection.style.display = "block";
+                        savedMessageSection.innerHTML = 'Saved Successfully';
                     }
                 } else {
                     // console.log('Something Wrong', response);
diff --git a/src/pages/cross/cross_phonics_v2.astro b/src/pages/cross/cross_phonics_v2.astro
index 96cb391..5523d19 100644
--- a/src/pages/cross/cross_phonics_v2.astro
+++ b/src/pages/cross/cross_phonics_v2.astro
@@ -39,7 +39,7 @@ import Layout from "../../layouts/Layout.astro";
                                     <p id="label2" class="h-[50px] overflow-y-auto"></p>
                                 </label>
                                 <input onclick="checkResult2('image2');" type="checkbox" id="a2" class="round-checkbox-input myCheckbox largerCheckbox" value="a2"/>
-    
+     
                                 <label for="a3" class="round-checkbox-label text-[14px] md:text-2xl">
                                     <img id="image3" src="" alt="" draggable="false" class="select-none sm:w-[90px] h-[110px]" />
                                     <p id="label3" class="h-[50px] overflow-y-auto"></p>
@@ -86,7 +86,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col justify-center place-items-center pt-8">
-                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
+                            <p class="text-[20px] font-[600] text-[#FFFFFF] bg-[#004aad] px-[20px] py-[10px]" style="display: none;" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -204,7 +204,7 @@ import Layout from "../../layouts/Layout.astro";
         };
         // console.log(userData);
 
-        fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
@@ -214,7 +214,9 @@ import Layout from "../../layouts/Layout.astro";
             .then(response => {
                 if (response.ok) {
                     if(response.status == 200){
-                        document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                        let savedMessageSection = document.getElementById('savedMessage');
+                        savedMessageSection.style.display = "block";
+                        savedMessageSection.innerHTML = 'Saved Successfully';
                     }
                 } else {
                     // console.log('Something Wrong', response);
diff --git a/src/pages/cross/v1.astro b/src/pages/cross/v1.astro
index 16fe598..afc5c0c 100644
--- a/src/pages/cross/v1.astro
+++ b/src/pages/cross/v1.astro
@@ -68,7 +68,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col place-items-center justify-center pt-8">
-                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
+                            <p class="text-[20px] font-[600] text-[#FFFFFF] bg-[#004aad] px-[20px] py-[10px]" style="display: none;" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -170,7 +170,7 @@ import Layout from "../../layouts/Layout.astro";
             'score': totalPoints,
         };
         // console.log(userData);
-        fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
@@ -180,7 +180,9 @@ import Layout from "../../layouts/Layout.astro";
             .then(response => {
                 if (response.ok) {
                     if(response.status == 200){
-                        document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                        let savedMessageSection = document.getElementById('savedMessage');
+                        savedMessageSection.style.display = "block";
+                        savedMessageSection.innerHTML = 'Saved Successfully';
                     }
                 } else {
                     // console.log('Something Wrong', response);
diff --git a/src/pages/cross/v2.astro b/src/pages/cross/v2.astro
index 49c1cf2..731c40a 100644
--- a/src/pages/cross/v2.astro
+++ b/src/pages/cross/v2.astro
@@ -86,7 +86,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col justify-center place-items-center pt-8">
-                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
+                            <p class="text-[20px] font-[600] text-[#FFFFFF] bg-[#004aad] px-[20px] py-[10px]" style="display: none;" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -205,7 +205,7 @@ import Layout from "../../layouts/Layout.astro";
         };
         // console.log(userData);
 
-        fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
@@ -215,7 +215,9 @@ import Layout from "../../layouts/Layout.astro";
             .then(response => {
                 if (response.ok) {
                     if(response.status == 200){
-                        document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                        let savedMessageSection = document.getElementById('savedMessage');
+                        savedMessageSection.style.display = "block";
+                        savedMessageSection.innerHTML = 'Saved Successfully';
                     }
                 } else {
                     // console.log('Something Wrong', response);
diff --git a/src/pages/cross/v3.astro b/src/pages/cross/v3.astro
index d05f5c3..f11f658 100644
--- a/src/pages/cross/v3.astro
+++ b/src/pages/cross/v3.astro
@@ -56,7 +56,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col place-items-center justify-center pt-4">
-                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
+                            <p class="text-[20px] font-[600] text-[#FFFFFF] bg-[#004aad] px-[20px] py-[10px]" style="display: none;" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -156,7 +156,7 @@ import Layout from "../../layouts/Layout.astro";
             'score': totalPoints,
         };
         // console.log(userData);
-        fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
@@ -166,7 +166,9 @@ import Layout from "../../layouts/Layout.astro";
             .then(response => {
                 if (response.ok) {
                     if(response.status == 200){
-                        document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                        let savedMessageSection = document.getElementById('savedMessage');
+                        savedMessageSection.style.display = "block";
+                        savedMessageSection.innerHTML = 'Saved Successfully';
                     }
                 } else {
                     // console.log('Something Wrong', response);
diff --git a/src/pages/drag/dragdrop_phonics.astro b/src/pages/drag/dragdrop_phonics.astro
index 41fed80..7826335 100644
--- a/src/pages/drag/dragdrop_phonics.astro
+++ b/src/pages/drag/dragdrop_phonics.astro
@@ -430,7 +430,7 @@ import Layout from '../../layouts/Layout.astro';
         submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale();
         this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").setScale();
 
-        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
         // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
         //   font: '600 30px Quicksand',
         //   fill: '#fff',
diff --git a/src/pages/drag/index.astro b/src/pages/drag/index.astro
index 0bfc60c..bb6cb6e 100644
--- a/src/pages/drag/index.astro
+++ b/src/pages/drag/index.astro
@@ -403,7 +403,7 @@ import Layout from '../../layouts/Layout.astro';
         graphics.moveTo(x, y);
         graphics.lineTo(x + lineWidth, y);
         graphics.strokePath();
-        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
         //   font: '600 30px Quicksand',
diff --git a/src/pages/drag/match_phonics.astro b/src/pages/drag/match_phonics.astro
index ad1302e..371bf63 100644
--- a/src/pages/drag/match_phonics.astro
+++ b/src/pages/drag/match_phonics.astro
@@ -409,7 +409,7 @@ import Layout from '../../layouts/Layout.astro';
         graphics.moveTo(x, y);
         graphics.lineTo(x + lineWidth, y);
         graphics.strokePath();
-        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
         //   font: '600 30px Quicksand',
diff --git a/src/pages/drag/v2.astro b/src/pages/drag/v2.astro
index aca8f08..39f5212 100644
--- a/src/pages/drag/v2.astro
+++ b/src/pages/drag/v2.astro
@@ -409,7 +409,7 @@ import Layout from '../../layouts/Layout.astro';
         graphics.moveTo(x, y);
         graphics.lineTo(x + lineWidth, y);
         graphics.strokePath();
-        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
         // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
         //   font: '600 30px Quicksand',
         //   fill: '#fff',
diff --git a/src/pages/drag/v3.astro b/src/pages/drag/v3.astro
index f6697e2..09f8043 100644
--- a/src/pages/drag/v3.astro
+++ b/src/pages/drag/v3.astro
@@ -439,7 +439,7 @@ import Layout from '../../layouts/Layout.astro';
         submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale();
         this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").setScale();
 
-        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+        submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
         // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", {
         //   font: '600 30px Quicksand',
         //   fill: '#fff',
diff --git a/src/pages/drawing/drawing_phonics.astro b/src/pages/drawing/drawing_phonics.astro
index 609b155..359bb3f 100644
--- a/src/pages/drawing/drawing_phonics.astro
+++ b/src/pages/drawing/drawing_phonics.astro
@@ -184,7 +184,7 @@ import Layout from '../../layouts/Layout.astro';
             retryButton.setInteractive().on('pointerdown', () => {
                 window.location.reload();
             });
-            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
             // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
             // font: '600 30px Quicksand',
             // fill: '#fff',
diff --git a/src/pages/drawing/drawing_writo.astro b/src/pages/drawing/drawing_writo.astro
index f73f75d..e4c7946 100644
--- a/src/pages/drawing/drawing_writo.astro
+++ b/src/pages/drawing/drawing_writo.astro
@@ -184,7 +184,7 @@ import Layout from '../../layouts/Layout.astro';
             retryButton.setInteractive().on('pointerdown', () => {
                 window.location.reload();
             });
-            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
             // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
             // font: '600 30px Quicksand',
diff --git a/src/pages/drawing/index.astro b/src/pages/drawing/index.astro
index 6392202..7b4094f 100644
--- a/src/pages/drawing/index.astro
+++ b/src/pages/drawing/index.astro
@@ -189,7 +189,11 @@ import Layout from '../../layouts/Layout.astro';
             retryButton.setInteractive().on('pointerdown', () => {
                 window.location.reload();
             });
-            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+
+
+            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
+
+            // submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
             // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
             // font: '600 30px Quicksand',
             // fill: '#fff',
diff --git a/src/pages/drawing/v2.astro b/src/pages/drawing/v2.astro
index 73dba88..dcf33e9 100644
--- a/src/pages/drawing/v2.astro
+++ b/src/pages/drawing/v2.astro
@@ -236,7 +236,7 @@ import Layout from '../../layouts/Layout.astro';
             retryButton.setInteractive().on('pointerdown', ()=>{
                 window.location.reload();
             })
-            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
             // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
             // font: '600 30px Quicksand',
             // fill: '#fff',
diff --git a/src/pages/drawing/v3.astro b/src/pages/drawing/v3.astro
index 79844fb..397a6d6 100644
--- a/src/pages/drawing/v3.astro
+++ b/src/pages/drawing/v3.astro
@@ -214,7 +214,7 @@ import Layout from '../../layouts/Layout.astro';
             retryButton.setInteractive().on('pointerdown', () => {
                 window.location.reload();
             })
-            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
             // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", {
             // font: '600 30px Quicksand',
             // fill: '#fff',
diff --git a/src/pages/guided-tracing/0.astro b/src/pages/guided-tracing/0.astro
index 06bddcd..39c109c 100644
--- a/src/pages/guided-tracing/0.astro
+++ b/src/pages/guided-tracing/0.astro
@@ -127,7 +127,7 @@ import Layout from "../../layouts/Layout.astro";
     this.load.image('canvasStand', '/assets/stand2.png');
   }
   function create() {
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
diff --git a/src/pages/guided-tracing/1.astro b/src/pages/guided-tracing/1.astro
index 5b155da..f2fdfb1 100644
--- a/src/pages/guided-tracing/1.astro
+++ b/src/pages/guided-tracing/1.astro
@@ -119,7 +119,7 @@ import Layout from "../../layouts/Layout.astro";
 
   function create() {
     
-            submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+            submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
diff --git a/src/pages/guided-tracing/2.astro b/src/pages/guided-tracing/2.astro
index 382e2a7..6d470cd 100644
--- a/src/pages/guided-tracing/2.astro
+++ b/src/pages/guided-tracing/2.astro
@@ -120,7 +120,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/3.astro b/src/pages/guided-tracing/3.astro
index 3127fb7..c1336b2 100644
--- a/src/pages/guided-tracing/3.astro
+++ b/src/pages/guided-tracing/3.astro
@@ -120,7 +120,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/4.astro b/src/pages/guided-tracing/4.astro
index 163aae0..d5d33a2 100644
--- a/src/pages/guided-tracing/4.astro
+++ b/src/pages/guided-tracing/4.astro
@@ -126,7 +126,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/5.astro b/src/pages/guided-tracing/5.astro
index 4a81633..6b268aa 100644
--- a/src/pages/guided-tracing/5.astro
+++ b/src/pages/guided-tracing/5.astro
@@ -127,7 +127,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/6.astro b/src/pages/guided-tracing/6.astro
index 1dbc351..1eea3f9 100644
--- a/src/pages/guided-tracing/6.astro
+++ b/src/pages/guided-tracing/6.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/7.astro b/src/pages/guided-tracing/7.astro
index f49c389..d04d500 100644
--- a/src/pages/guided-tracing/7.astro
+++ b/src/pages/guided-tracing/7.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/8.astro b/src/pages/guided-tracing/8.astro
index 71a0f6a..5854117 100644
--- a/src/pages/guided-tracing/8.astro
+++ b/src/pages/guided-tracing/8.astro
@@ -121,7 +121,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/9.astro b/src/pages/guided-tracing/9.astro
index 372d8da..5cc4520 100644
--- a/src/pages/guided-tracing/9.astro
+++ b/src/pages/guided-tracing/9.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/A.astro b/src/pages/guided-tracing/A.astro
index 7bcdd38..219b7e9 100644
--- a/src/pages/guided-tracing/A.astro
+++ b/src/pages/guided-tracing/A.astro
@@ -124,7 +124,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/B.astro b/src/pages/guided-tracing/B.astro
index e770650..a1492d1 100644
--- a/src/pages/guided-tracing/B.astro
+++ b/src/pages/guided-tracing/B.astro
@@ -120,7 +120,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/C.astro b/src/pages/guided-tracing/C.astro
index 0010e52..77400e3 100644
--- a/src/pages/guided-tracing/C.astro
+++ b/src/pages/guided-tracing/C.astro
@@ -117,7 +117,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/D.astro b/src/pages/guided-tracing/D.astro
index 4488562..bfdc6c4 100644
--- a/src/pages/guided-tracing/D.astro
+++ b/src/pages/guided-tracing/D.astro
@@ -119,7 +119,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/E.astro b/src/pages/guided-tracing/E.astro
index d069a45..2ea3f39 100644
--- a/src/pages/guided-tracing/E.astro
+++ b/src/pages/guided-tracing/E.astro
@@ -118,7 +118,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/F.astro b/src/pages/guided-tracing/F.astro
index 9f52573..93f5e47 100644
--- a/src/pages/guided-tracing/F.astro
+++ b/src/pages/guided-tracing/F.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/G.astro b/src/pages/guided-tracing/G.astro
index ba47bc1..1efec96 100644
--- a/src/pages/guided-tracing/G.astro
+++ b/src/pages/guided-tracing/G.astro
@@ -113,7 +113,7 @@ let scoreTotal = 0;  let isDrawing = false;
   }
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/H.astro b/src/pages/guided-tracing/H.astro
index 3d912dc..206d247 100644
--- a/src/pages/guided-tracing/H.astro
+++ b/src/pages/guided-tracing/H.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/I.astro b/src/pages/guided-tracing/I.astro
index 0664807..8de8f44 100644
--- a/src/pages/guided-tracing/I.astro
+++ b/src/pages/guided-tracing/I.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
 
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/J.astro b/src/pages/guided-tracing/J.astro
index 2a05566..72d9f5c 100644
--- a/src/pages/guided-tracing/J.astro
+++ b/src/pages/guided-tracing/J.astro
@@ -117,7 +117,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/K.astro b/src/pages/guided-tracing/K.astro
index b255777..11880a1 100644
--- a/src/pages/guided-tracing/K.astro
+++ b/src/pages/guided-tracing/K.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/L.astro b/src/pages/guided-tracing/L.astro
index a23772e..14d8899 100644
--- a/src/pages/guided-tracing/L.astro
+++ b/src/pages/guided-tracing/L.astro
@@ -118,7 +118,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/M.astro b/src/pages/guided-tracing/M.astro
index 32bbef6..f7c3174 100644
--- a/src/pages/guided-tracing/M.astro
+++ b/src/pages/guided-tracing/M.astro
@@ -119,7 +119,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/N.astro b/src/pages/guided-tracing/N.astro
index 5895430..fad1e07 100644
--- a/src/pages/guided-tracing/N.astro
+++ b/src/pages/guided-tracing/N.astro
@@ -123,7 +123,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/O.astro b/src/pages/guided-tracing/O.astro
index de197d4..9d56c25 100644
--- a/src/pages/guided-tracing/O.astro
+++ b/src/pages/guided-tracing/O.astro
@@ -117,7 +117,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/P.astro b/src/pages/guided-tracing/P.astro
index 3dc8389..741aacc 100644
--- a/src/pages/guided-tracing/P.astro
+++ b/src/pages/guided-tracing/P.astro
@@ -119,7 +119,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/Q.astro b/src/pages/guided-tracing/Q.astro
index 9c732b6..e90308e 100644
--- a/src/pages/guided-tracing/Q.astro
+++ b/src/pages/guided-tracing/Q.astro
@@ -119,7 +119,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
        
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/R.astro b/src/pages/guided-tracing/R.astro
index f654f0c..f93d79d 100644
--- a/src/pages/guided-tracing/R.astro
+++ b/src/pages/guided-tracing/R.astro
@@ -125,7 +125,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/S.astro b/src/pages/guided-tracing/S.astro
index e663a90..0a4bb4c 100644
--- a/src/pages/guided-tracing/S.astro
+++ b/src/pages/guided-tracing/S.astro
@@ -117,7 +117,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/T.astro b/src/pages/guided-tracing/T.astro
index dfba831..cd57740 100644
--- a/src/pages/guided-tracing/T.astro
+++ b/src/pages/guided-tracing/T.astro
@@ -119,7 +119,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/U.astro b/src/pages/guided-tracing/U.astro
index 9089e4c..0c10ce6 100644
--- a/src/pages/guided-tracing/U.astro
+++ b/src/pages/guided-tracing/U.astro
@@ -117,7 +117,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/V.astro b/src/pages/guided-tracing/V.astro
index 5e95303..42b5134 100644
--- a/src/pages/guided-tracing/V.astro
+++ b/src/pages/guided-tracing/V.astro
@@ -118,7 +118,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/W.astro b/src/pages/guided-tracing/W.astro
index 4e42c3e..ead9f16 100644
--- a/src/pages/guided-tracing/W.astro
+++ b/src/pages/guided-tracing/W.astro
@@ -118,7 +118,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/X.astro b/src/pages/guided-tracing/X.astro
index 5523547..96bcb7f 100644
--- a/src/pages/guided-tracing/X.astro
+++ b/src/pages/guided-tracing/X.astro
@@ -119,7 +119,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/Y.astro b/src/pages/guided-tracing/Y.astro
index fb04d81..673a603 100644
--- a/src/pages/guided-tracing/Y.astro
+++ b/src/pages/guided-tracing/Y.astro
@@ -123,7 +123,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/Z.astro b/src/pages/guided-tracing/Z.astro
index 69842c5..d9937f9 100644
--- a/src/pages/guided-tracing/Z.astro
+++ b/src/pages/guided-tracing/Z.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/a.astro b/src/pages/guided-tracing/a.astro
index 5cca53a..edd63cd 100644
--- a/src/pages/guided-tracing/a.astro
+++ b/src/pages/guided-tracing/a.astro
@@ -121,7 +121,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/b.astro b/src/pages/guided-tracing/b.astro
index 6e78112..dd67ffb 100644
--- a/src/pages/guided-tracing/b.astro
+++ b/src/pages/guided-tracing/b.astro
@@ -120,7 +120,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/c.astro b/src/pages/guided-tracing/c.astro
index 3c49cc8..ee98f38 100644
--- a/src/pages/guided-tracing/c.astro
+++ b/src/pages/guided-tracing/c.astro
@@ -120,7 +120,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/d.astro b/src/pages/guided-tracing/d.astro
index 8581fbf..4199136 100644
--- a/src/pages/guided-tracing/d.astro
+++ b/src/pages/guided-tracing/d.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/e.astro b/src/pages/guided-tracing/e.astro
index d9689e5..04b1a1c 100644
--- a/src/pages/guided-tracing/e.astro
+++ b/src/pages/guided-tracing/e.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/f.astro b/src/pages/guided-tracing/f.astro
index fb3706d..77e296b 100644
--- a/src/pages/guided-tracing/f.astro
+++ b/src/pages/guided-tracing/f.astro
@@ -120,7 +120,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/g.astro b/src/pages/guided-tracing/g.astro
index 7122749..7dca388 100644
--- a/src/pages/guided-tracing/g.astro
+++ b/src/pages/guided-tracing/g.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/h.astro b/src/pages/guided-tracing/h.astro
index 9358156..c4ecc05 100644
--- a/src/pages/guided-tracing/h.astro
+++ b/src/pages/guided-tracing/h.astro
@@ -121,7 +121,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
     
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/i.astro b/src/pages/guided-tracing/i.astro
index 0465ad8..79568da 100644
--- a/src/pages/guided-tracing/i.astro
+++ b/src/pages/guided-tracing/i.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/j.astro b/src/pages/guided-tracing/j.astro
index eb800d3..f229650 100644
--- a/src/pages/guided-tracing/j.astro
+++ b/src/pages/guided-tracing/j.astro
@@ -121,7 +121,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/k.astro b/src/pages/guided-tracing/k.astro
index 9a540b3..d607342 100644
--- a/src/pages/guided-tracing/k.astro
+++ b/src/pages/guided-tracing/k.astro
@@ -124,7 +124,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-              submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+              submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
       submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
         font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/l.astro b/src/pages/guided-tracing/l.astro
index e01e591..b3a3c28 100644
--- a/src/pages/guided-tracing/l.astro
+++ b/src/pages/guided-tracing/l.astro
@@ -119,7 +119,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/m.astro b/src/pages/guided-tracing/m.astro
index b80a6e1..196e393 100644
--- a/src/pages/guided-tracing/m.astro
+++ b/src/pages/guided-tracing/m.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/n.astro b/src/pages/guided-tracing/n.astro
index 3240bc9..dadbae2 100644
--- a/src/pages/guided-tracing/n.astro
+++ b/src/pages/guided-tracing/n.astro
@@ -121,7 +121,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/o.astro b/src/pages/guided-tracing/o.astro
index da123ca..549bf75 100644
--- a/src/pages/guided-tracing/o.astro
+++ b/src/pages/guided-tracing/o.astro
@@ -118,7 +118,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/p.astro b/src/pages/guided-tracing/p.astro
index 5e17d70..d9fe5ab 100644
--- a/src/pages/guided-tracing/p.astro
+++ b/src/pages/guided-tracing/p.astro
@@ -118,7 +118,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/q.astro b/src/pages/guided-tracing/q.astro
index 64603f7..eb95f9d 100644
--- a/src/pages/guided-tracing/q.astro
+++ b/src/pages/guided-tracing/q.astro
@@ -120,7 +120,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/r.astro b/src/pages/guided-tracing/r.astro
index 85183d0..42a287b 100644
--- a/src/pages/guided-tracing/r.astro
+++ b/src/pages/guided-tracing/r.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/s.astro b/src/pages/guided-tracing/s.astro
index 96dcb8f..2f6053b 100644
--- a/src/pages/guided-tracing/s.astro
+++ b/src/pages/guided-tracing/s.astro
@@ -118,7 +118,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/t.astro b/src/pages/guided-tracing/t.astro
index 6a90e93..ab04903 100644
--- a/src/pages/guided-tracing/t.astro
+++ b/src/pages/guided-tracing/t.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/u.astro b/src/pages/guided-tracing/u.astro
index 6c7a0b3..a8c7d9a 100644
--- a/src/pages/guided-tracing/u.astro
+++ b/src/pages/guided-tracing/u.astro
@@ -121,7 +121,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/v.astro b/src/pages/guided-tracing/v.astro
index c73ecf5..710029c 100644
--- a/src/pages/guided-tracing/v.astro
+++ b/src/pages/guided-tracing/v.astro
@@ -121,7 +121,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/w.astro b/src/pages/guided-tracing/w.astro
index 98bd6ef..a1fa1db 100644
--- a/src/pages/guided-tracing/w.astro
+++ b/src/pages/guided-tracing/w.astro
@@ -121,7 +121,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/x.astro b/src/pages/guided-tracing/x.astro
index 6c63153..9653da8 100644
--- a/src/pages/guided-tracing/x.astro
+++ b/src/pages/guided-tracing/x.astro
@@ -122,7 +122,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/y.astro b/src/pages/guided-tracing/y.astro
index cc06653..4398073 100644
--- a/src/pages/guided-tracing/y.astro
+++ b/src/pages/guided-tracing/y.astro
@@ -121,7 +121,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/guided-tracing/z.astro b/src/pages/guided-tracing/z.astro
index 9b230da..6c33024 100644
--- a/src/pages/guided-tracing/z.astro
+++ b/src/pages/guided-tracing/z.astro
@@ -126,7 +126,7 @@ let scoreTotal = 0;  let isDrawing = false;
 
   function create() {
      
-                submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false);
+                submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: '#FFFFFF', backgroundColor: '#004aad',padding: {left: 20,right: 20,top: 10,bottom: 10}}).setDepth(3).setVisible(false);
 
         submitButton = this.add.text(submitWidth, submitHeight, "Submit", {
           font: '900 24px Quicksand',
diff --git a/src/pages/tick/tick_phonics_v1.astro b/src/pages/tick/tick_phonics_v1.astro
index 12663d4..27d12b1 100644
--- a/src/pages/tick/tick_phonics_v1.astro
+++ b/src/pages/tick/tick_phonics_v1.astro
@@ -80,7 +80,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col place-items-center justify-center pt-8">
-                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
+                            <p class="text-[20px] font-[600] text-[#FFFFFF] bg-[#004aad] px-[20px] py-[10px]" style="display: none;" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -182,7 +182,7 @@ import Layout from "../../layouts/Layout.astro";
             'score': totalPoints,
         };
         // console.log(userData);
-        fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
@@ -192,7 +192,9 @@ import Layout from "../../layouts/Layout.astro";
             .then(response => {
                 if (response.ok) {
                     if(response.status == 200){
-                        document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                        let savedMessageSection = document.getElementById('savedMessage');
+                        savedMessageSection.style.display = "block";
+                        savedMessageSection.innerHTML = 'Saved Successfully';
                     }
                 } else {
                     // console.log('Something Wrong', response);
@@ -345,7 +347,9 @@ import Layout from "../../layouts/Layout.astro";
         })
         .then(response => {
             if (response.ok) {
-                document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                let savedMessageSection = document.getElementById('savedMessage');
+                        savedMessageSection.style.display = "block";
+                        savedMessageSection.innerHTML = 'Saved Successfully';
                 // console.log('Data Saved', response);
             } else {
                 // console.log('Something Wrong', response);
diff --git a/src/pages/tick/tick_phonics_v2.astro b/src/pages/tick/tick_phonics_v2.astro
index 1168e98..c1037f0 100644
--- a/src/pages/tick/tick_phonics_v2.astro
+++ b/src/pages/tick/tick_phonics_v2.astro
@@ -104,7 +104,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col justify-center place-items-center pt-8">
-                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
+                            <p class="text-[20px] font-[600] text-[#FFFFFF] bg-[#004aad] px-[20px] py-[10px]" style="display: none;" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -223,7 +223,7 @@ import Layout from "../../layouts/Layout.astro";
         };
         // console.log(userData);
 
-        fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
@@ -234,7 +234,9 @@ import Layout from "../../layouts/Layout.astro";
                 if (response.ok) {
                     // console.log("Response", response.status);
                     if(response.status == 200){
-                        document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                        let savedMessageSection = document.getElementById('savedMessage');
+                        savedMessageSection.style.display = "block";
+                        savedMessageSection.innerHTML = 'Saved Successfully';
                     }
                 } else {
                     // console.log('Something Wrong', response);
diff --git a/src/pages/tick/tick_phonics_v3.astro b/src/pages/tick/tick_phonics_v3.astro
index d850aa6..cf48af0 100644
--- a/src/pages/tick/tick_phonics_v3.astro
+++ b/src/pages/tick/tick_phonics_v3.astro
@@ -56,7 +56,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col place-items-center justify-center pt-4">
-                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
+                            <p class="text-[20px] font-[600] text-[#FFFFFF] bg-[#004aad] px-[20px] py-[10px]" style="display: none;" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -145,7 +145,7 @@ import Layout from "../../layouts/Layout.astro";
             'score': totalPoints,
         };
         // console.log(userData);
-        fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
@@ -155,7 +155,9 @@ import Layout from "../../layouts/Layout.astro";
             .then(response => {
                 if (response.ok) {
                     if(response.status == 200){
-                        document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                        let savedMessageSection = document.getElementById('savedMessage');
+                        savedMessageSection.style.display = "block";
+                        savedMessageSection.innerHTML = 'Saved Successfully';
                     }
                 } else {
                     // console.log('Something Wrong', response);
diff --git a/src/pages/tick/v1.astro b/src/pages/tick/v1.astro
index b6dce3f..7f67443 100644
--- a/src/pages/tick/v1.astro
+++ b/src/pages/tick/v1.astro
@@ -77,7 +77,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col place-items-center justify-center pt-8">
-                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
+                            <p class="text-[20px] font-[600] text-[#FFFFFF] bg-[#004aad] px-[20px] py-[10px]" style="display: none;" id="savedMessage"></p>
                         </div>
                     </form>
                 </div>
@@ -177,7 +177,7 @@ import Layout from "../../layouts/Layout.astro";
             'score': totalPoints,
         };
         // console.log(userData);
-        fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
@@ -187,7 +187,9 @@ import Layout from "../../layouts/Layout.astro";
             .then(response => {
                 if (response.ok) {
                     if(response.status == 200){
-                        document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                        let savedMessageSection = document.getElementById('savedMessage');
+                        savedMessageSection.style.display = "block";
+                        savedMessageSection.innerHTML = 'Saved Successfully';
                     }
                 } else {
                     // console.log('Something Wrong', response);
diff --git a/src/pages/tick/v2.astro b/src/pages/tick/v2.astro
index 7a54917..ce1e06a 100644
--- a/src/pages/tick/v2.astro
+++ b/src/pages/tick/v2.astro
@@ -104,7 +104,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col justify-center place-items-center pt-8">
-                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
+                            <p class="text-[20px] font-[600] text-[#FFFFFF] bg-[#004aad] px-[20px] py-[10px]" style="display: none;" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -221,7 +221,7 @@ import Layout from "../../layouts/Layout.astro";
             'score': totalPoints,
         };
         // console.log(userData);
-        fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
@@ -231,7 +231,9 @@ import Layout from "../../layouts/Layout.astro";
             .then(response => {
                 if (response.ok) {
                     if(response.status == 200){
-                        document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                        let savedMessageSection = document.getElementById('savedMessage');
+                        savedMessageSection.style.display = "block";
+                        savedMessageSection.innerHTML = 'Saved Successfully';
                     }
                 } else {
                     // console.log('Something Wrong', response);
diff --git a/src/pages/tick/v3.astro b/src/pages/tick/v3.astro
index 7c7dfce..508518b 100644
--- a/src/pages/tick/v3.astro
+++ b/src/pages/tick/v3.astro
@@ -56,7 +56,7 @@ import Layout from "../../layouts/Layout.astro";
                             </div>
                         </div>
                         <div class="flex flex-col place-items-center justify-center pt-4">
-                            <p class="text-xl font-bold text-[#60C6CB]" id="savedMessage"></p>
+                            <p class="text-[20px] font-[600] text-[#FFFFFF] bg-[#004aad] px-[20px] py-[10px]" style="display: none;" id="savedMessage"></p>
                             <!-- <input onclick="saveUserData();" class="bg-blue-700 px-8 py-2 rounded-lg shadow-lg font-bold text-white cursor-pointer" type="submit" value="Submit"> -->
                         </div>
                     </form>
@@ -158,7 +158,7 @@ import Layout from "../../layouts/Layout.astro";
         };
         // console.log(userData);
 
-        fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, {
+        fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore`, {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json'
@@ -168,7 +168,9 @@ import Layout from "../../layouts/Layout.astro";
             .then(response => {
                 if (response.ok) {
                     if(response.status == 200){
-                        document.getElementById('savedMessage').innerHTML = 'Saved Successfully';
+                        let savedMessageSection = document.getElementById('savedMessage');
+                        savedMessageSection.style.display = "block";
+                        savedMessageSection.innerHTML = 'Saved Successfully';
                     }
                 } else {
                     // console.log('Something Wrong', response);