diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/css/styles.css b/css/styles.css
index fe85d9c..09da749 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -47,6 +47,15 @@ body {
   color: #333333;
   background-color: black;
 }
+.cursor {
+  border-radius: 50%;
+  border: 2px solid white;
+  height: 30px;
+  width: 30px;
+  position: absolute;
+  transition-duration: 50ms;
+  transition-timing-function: ease-out;
+}
 .dark {
   /* font-size: 2rem; */
   /* background-color: white; */
@@ -170,7 +179,7 @@ h4 {
   margin: 0px;
   position: relative;
   z-index: -1;
-  background: url(../images/P2.jpeg) no-repeat center center fixed;
+  /* background: url(../images/P2.jpeg) no-repeat center center fixed; */
 
   -webkit-background-size: cover;
   -moz-background-size: cover;
@@ -184,7 +193,7 @@ h4 {
 }
 
 .background_lite {
-  background: url(../images/P2.jpg) no-repeat center center fixed;
+  /* background: url(../images/P2.jpg) no-repeat center center fixed; */
 }
 
 .bottom-container {
diff --git a/index.html b/index.html
index f1cbc46..335af4e 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@
 <body>
   <!-- Image and text -->
  <!-- <img  src="images/dark.png" class="dark" onclick="myFunction()" width="40px" height="40px"> -->
- 
+ <div class="cursor"></div>
   <section class="first">
     <header id="header">
       <!-- <nav class="navbar navb  ar-expand-lg navbar-light bg-light" id="navv"> -->
@@ -44,7 +44,7 @@ <h1>Kushal jangir</h1>
       <div class="profile">
         <!-- <img class="mypic" src="images/Myself.jpg" alt="kushal_jangir"> -->
         <!-- <h2>Hola ! I'M COOL.</h2> -->
-        <p class="hello">Graduate at NIT surat</p>
+        <p class="hello">Hey, I'm Kushal</p>
       </div>
     </div>
 
@@ -52,7 +52,6 @@ <h1>Kushal jangir</h1>
 
   <div class="middle-container">
 
-    <hr>
     <div class="skills">
       <div class="skill-row">
         <img class="static" id="gip" src="images/giphy.gif" alt="code_img">
@@ -125,7 +124,7 @@ <h3>Core Skills</h3>
     </p>
   </div>
 
-  <hr>
+  <!-- <hr> -->
 
     <h2>FIND ME ON</h2>
 
@@ -143,6 +142,12 @@ <h2>FIND ME ON</h2>
   <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js" integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.min.js" integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj" crossorigin="anonymous"></script>
 <script>
+  const x = document.querySelector(".cursor");
+    document.addEventListener('mouseover',function(e){
+       x.setAttribute("style","top:"+(e.pageY -10)+"px; left:"+(e.pageX-10)+"px;");
+      console.log(e);
+    
+ });
        function myFunction() {
        var element = document.body;
        var back = document.getElementById("back");
@@ -160,6 +165,7 @@ <h2>FIND ME ON</h2>
           gipp.src="images/white2.gif";
        }
        }
+
    </script>
 </body>
 
