enhanced the text size for index page

styles.css

@@ -375,7 +375,7 @@ nav ul li {
 
 @media (max-width : 700px) {
     .left a {
-        font-size: 3vw;
+        font-size: 3.1vw;
     }
 
     .left img {
@@ -452,28 +452,68 @@ nav ul li {
 }
 
 @media (max-width: 500px) {
+    nav {
+        height: 7.5vh;
+    }
+
+    nav ul li {
+        font-size: 2.8vw;
+        margin: 0 1.2vw;
+    }
+
+    .top-left {
+        font-size: 6vw;
+    }
+
+    .top-right {
+        display: none;
+    }
+
+    .top-right img {
+        display: none;
+    }
+
+    .my-image {
+        height: 50vw;
+        width: 50vw;
+        margin: 50px auto 70px;
+    }
+
+    .experience span {
+        font-size: 2vw;
+    }
+
+    .experience h1 {
+        font-size: 4.5vw;
+    }
+
     .experience .left-item {
-        height: 180px;
+        height: fit-content;
+    }
+    .exp-img {
+        margin: auto 0;
     }
     .left-item h1 {
-        font-size: 13px;
+        font-size: 16px;
     }
     .left-item span {
-        font-size: 5px;
+        font-size: 10px;
+        margin-bottom: 5px;
     }
 
     .experience .right-item {
-        height: 180px;
+        height: fit-content;
     }
     .right-item h1 {
-        font-size: 13px;
+        font-size: 16px;
     }
     .right-item span {
-        font-size: 5px;
+        font-size: 10px;
+        margin-bottom: 5px;
     }
 
     .exp-desc-head {
-        height: 65px;
+        height: fit-content;
     }
     .exp-desc-body {
         font-size: 5px;
@@ -483,4 +523,32 @@ nav ul li {
         background-color: #050b1f;
         box-shadow: 8px 8px 10px #a8b3ec;
     }
+
+    .middle span {
+        font-size: 2vw;
+    }
+
+    .middle h1 {
+        font-size: 4.5vw;
+    }
+
+    .skill-item ul li i {
+        font-size: 4vw;
+    }
+    .skillName {
+        font-size: 4vw;
+    }
+
+    .bottom-h1 {
+        font-size: 3vw;
+    }
+
+    .social-icons a {
+        height: 6vw;
+        width: 6vw;
+    }
+
+    .copyright {
+        font-size: 2vw;
+    }
 }