Merge pull request #496 from Aditya90456/main

Fix

index.html

@@ -879,7 +879,23 @@ <h2>Congratulations!</h2>
                     <span id="healthBoostTimer"></span>
                     <span id="speedBoostTimer"></span>
                     <span id="shieldTimer"></span>
+                </div> 
+            </div>
+
+            <div id="instructions">
+                <div class="theme-switch-wrapper">
+                    <label class="theme-switch" for="checkbox">
+                        <input type="checkbox" id="checkbox">
+                        <div class="slider"></div>
+                    </label>
+                    <span id="mode-label"><button id="">Light mode</button></span>
                 </div>
+
+                <div id="volumeControl">
+                    <div id="muteControl">
+                        <button id="muteButton" class="styled-button">
+                            <i class="fas fa-volume-up"></i> Music Volume
+                        </button> 
 
                 <div id="instructions">
 
@@ -909,7 +925,7 @@ <h2 class="primary-btn" id="instructionsTitle">Player Instructions</h2>
                         <p><i class="fas fa-plus-circle"></i> Collect Health Boost power-ups</p>
                         <p><i class="fas fa-tachometer-alt"></i> Collect Speed Boost power-ups</p>
                         <p><i class="fas fa-shield-alt"></i> Collect Shield power-ups</p>
-                        <p><i class="fas fa-shield-alt"></i><a href="./rules.html">explore more</a></p>
+                        <p><i class="fas fa-shield-alt"></i><a href="./rules.html">explore more</a></p> 
                     </div>
                 </div>