resolved issues recommended by copilot agent during pull request

Author: AmanKashyap0807

css/main.css

@@ -1746,7 +1746,7 @@ button::-moz-focus-inner, input::-moz-focus-inner {
 
 /* When dark theme is active, don't show the opaque white chip — keep it transparent/dark */
 .dark .header-menu-toggle.opaque {
-    background-color: rgba(255,255,255,0.0); /* subtle translucent so it doesn't pop as white */
+    background-color: transparent; /* subtle translucent so it doesn't pop as white */
 }
 .dark .header-menu-toggle.opaque .header-menu-text {
     background-color: transparent;

css/tailwind.css

@@ -1,3 +1,4 @@
+@tailwind base;
 @tailwind components;
 @tailwind utilities;
 

index.html

@@ -914,7 +914,7 @@ <h3>Find us on</h3>
         <script src="js/jquery-3.2.1.min.js"></script>
         <script src="js/plugins.js"></script>
         <script src="js/main.js"></script>
-  <script src="js/theme-toggle.js?v=dlm1"></script>
+  <script src="js/theme-toggle.js?v=dlm2"></script>
         <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
         <script>
           // function modalClose(){

package.json

@@ -5,7 +5,6 @@
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build:css": "npx postcss css/tailwind.css -o css/main.css",
     "build:tw": "npx postcss css/tailwind.css -o css/tw.css",
     "dev:tw": "npx postcss css/tailwind.css -o css/tw.css --watch"
   },

styles.html

@@ -25,8 +25,8 @@
     <!-- font-awesome (icons used by the toggle and social links) -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"/>
     <!-- Load legacy styles first, then Tailwind utilities to avoid layout overrides -->
-    <link rel="stylesheet" href="css/main.css?v=dlm1">
-    <link rel="stylesheet" href="css/tw.css?v=dlm1">
+    <link rel="stylesheet" href="css/main.css?v=dlm2">
+    <link rel="stylesheet" href="css/tw.css?v=dlm2">
         <script>
             (function () {
                 try {
@@ -795,7 +795,7 @@ <h4>Get Notified</h4>
     <script src="js/jquery-3.2.1.min.js"></script>
     <script src="js/plugins.js"></script>
     <script src="js/main.js"></script>
-    <script src="js/theme-toggle.js?v=dlm1"></script>
+    <script src="js/theme-toggle.js?v=dlm2"></script>
 </body>
 
 </html>