diff --git a/src/app/globals.css b/src/app/globals.css
index 97193e7..4a4fc95 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -152,16 +152,15 @@ a {
 
 .falling_line {
   position: absolute;
-  top: 0;
-  left: 0;
-  width: 3px;
-  height: 80px;
+  top: 100%;
+  left: 45%;
+  width: 2px;
+  height: 200px;
   background-image: linear-gradient(#042850, #5eead4);
   z-index: 100;
-  opacity: 1;
   animation-name: lineFall;
   animation-delay: 2s;
-  animation-duration: 10s;
+  animation-duration: 30s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }
@@ -169,10 +168,10 @@ a {
 @keyframes lineFall {
   0% {
       top: 0;
-      opacity: 1;
+      opacity: 0.3;
   }
   100% {
-      top: 100%;
+      top: 400%;
       opacity: 1;
   }
 }
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 59e117d..ecf0738 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,8 @@ export default function Home() {
     <div className="mx-auto max-w-screen-xl p-8 md:p-12 lg:p-20">
       <div className="flex flex-col lg:flex-row">
         <header className="lg:w-1/2">
+          <div className="hidden lg:inline-block falling_line"></div>
+
           <NavBar />
         </header>
         <main className="lg:w-1/2">
@@ -17,7 +19,6 @@ export default function Home() {
           <Education />
           <Experience />
           <Projecs />
-          <div className="falling_line"></div>
         </main>
       </div>
     </div>