fall

LeoGytis · Oct 16, 2023 · 9fc1528 · 9fc1528
1 parent e523e93
commit 9fc1528
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -152,27 +152,26 @@ 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;
 }
 
 @keyframes lineFall {
   0% {
       top: 0;
-      opacity: 1;
+      opacity: 0.3;
   }
   100% {
-      top: 100%;
+      top: 400%;
       opacity: 1;
   }
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -10,14 +10,15 @@ 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">
           <About />
           <Education />
           <Experience />
           <Projecs />
-          <div className="falling_line"></div>
         </main>
       </div>
     </div>