diff --git a/index.html b/index.html
index d9e67bb..fd12f5f 100644
--- a/index.html
+++ b/index.html
@@ -8,41 +8,16 @@
     <link rel="icon" href="favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
-        /* Navigation Bar Styles */
-        nav {
-            background-color: #333;
-            padding: 10px;
-        }
-
-        nav ul {
-            list-style-type: none;
-            margin: 0;
-            padding: 0;
-            display: flex;
-            justify-content: space-around;
-        }
-
-        nav li {
-            margin: 0 10px;
-        }
-
-        nav a {
-            color: white;
-            text-decoration: none;
-            padding: 5px 10px;
-            border-radius: 5px;
-        }
-
-        /* Media Queries */
+        /* Additional CSS for responsiveness */
+        /* You can place this in styles.css if you prefer */
+        /* For mobile devices */
         @media only screen and (max-width: 600px) {
-            nav ul {
-                flex-direction: column;
-                align-items: center;
-            }
+            /* Adjust styles for mobile here */
+        }
 
-            nav li {
-                margin: 5px 0;
-            }
+        /* For tablets like iPad */
+        @media only screen and (min-width: 601px) and (max-width: 1024px) {
+            /* Adjust styles for tablets here */
         }
     </style>
 <body>
