í¹ start improving about page

app/globals.css

@@ -45,6 +45,7 @@
 }
 
 @layer utilities {
+  /* Scrollbar hiding utility */
   .scrollbar-hide {
     -ms-overflow-style: none;
     scrollbar-width: none;
@@ -129,6 +130,7 @@
     opacity: 0.8;
   }
 
+  /* Consolidated keyframes to avoid duplication */
   @keyframes glitch-1 {
     0%,
     100% {
@@ -211,46 +213,6 @@
     clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);
   }
 
-  @keyframes glitch-1 {
-    0%,
-    100% {
-      transform: translate(0, 0);
-      clip-path: polygon(0 0, 100% 0, 100% 35%, 0 35%);
-    }
-    25% {
-      transform: translate(-3px, 2px);
-      clip-path: polygon(0 10%, 100% 10%, 100% 45%, 0 45%);
-    }
-    50% {
-      transform: translate(3px, -2px);
-      clip-path: polygon(0 20%, 100% 20%, 100% 55%, 0 55%);
-    }
-    75% {
-      transform: translate(-2px, -1px);
-      clip-path: polygon(0 5%, 100% 5%, 100% 40%, 0 40%);
-    }
-  }
-
-  @keyframes glitch-2 {
-    0%,
-    100% {
-      transform: translate(0, 0);
-      clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);
-    }
-    25% {
-      transform: translate(3px, -2px);
-      clip-path: polygon(0 55%, 100% 55%, 100% 90%, 0 90%);
-    }
-    50% {
-      transform: translate(-3px, 2px);
-      clip-path: polygon(0 45%, 100% 45%, 100% 80%, 0 80%);
-    }
-    75% {
-      transform: translate(2px, 1px);
-      clip-path: polygon(0 60%, 100% 60%, 100% 95%, 0 95%);
-    }
-  }
-
   /* Border Pulse Animation */
   .border-pulse {
     animation: pulse-border 2s ease-in-out infinite;