diff --git a/public/script/displayMenuFunction.js b/public/script/displayMenuFunction.js
index 260cf37..614dbe3 100644
--- a/public/script/displayMenuFunction.js
+++ b/public/script/displayMenuFunction.js
@@ -4,6 +4,7 @@ function displayMainMenu() {
boardContainer.classList.add('hidden');
pauseButton.classList.remove('paused');
buttonContainer.classList.add('hidden');
+ previewFrame.classList.add('hidden');
gameOverMenu.classList.add('hidden');
}
@@ -12,6 +13,7 @@ function displayPause() {
mainMenu.classList.add('hidden');
loadMenu.classList.add('hidden');
boardContainer.classList.add('hidden');
+ previewFrame.classList.add('hidden');
pauseButton.classList.add('paused');
pauseMenu.classList.remove('hidden');
@@ -24,6 +26,7 @@ function displayGameBoard() {
gameOverMenu.classList.add('hidden');
pauseButton.classList.remove('paused');
buttonContainer.classList.remove('hidden');
+ previewFrame.classList.remove('hidden');
boardContainer.classList.remove('hidden');
}
@@ -34,6 +37,7 @@ function displayGameOver() {
boardContainer.classList.add('hidden');
pauseButton.classList.remove('paused');
buttonContainer.classList.add('hidden');
+ previewFrame.classList.add('hidden');
gameOverMenu.classList.remove('hidden');
}
diff --git a/public/script/element.js b/public/script/element.js
index 6393a49..c626eb9 100644
--- a/public/script/element.js
+++ b/public/script/element.js
@@ -18,6 +18,7 @@ const boardContainer = document.getElementById('board-container');
const previewContainer = document.getElementById('preview-container');
const buttonContainer = document.getElementById('pause-container');
+const previewFrame = document.getElementById('preview-frame');
const highScoreTemplate = document.getElementById('high-score-template');
diff --git a/public/style/index.css b/public/style/index.css
index 3821756..f53c969 100644
--- a/public/style/index.css
+++ b/public/style/index.css
@@ -4,6 +4,7 @@
}
body {
+ color: white;
margin: 0;
display: flex;
height: 100svh;