diff --git a/src/App.tsx b/src/App.tsx
index dce5567..40867f9 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -67,12 +67,11 @@ function App() {
 
   return (
     <div className="min-h-screen flex flex-col relative">
-      <div className="grid-pattern" />
       <Header />
       <main className="container mx-auto px-4 flex-1">
         <div className="glass-card p-4 rounded-lg">
           <div className="text-center mb-16">
-            <h1 className="text-5xl font-bold bg-gradient-to-r from-emerald-400 to-blue-500 bg-clip-text text-transparent mb-4">
+            <h1 className="text-5xl font-bold bg-gradient-to-r from-emerald-400 to-blue-500 bg-clip-text text-transparent mt-8 mb-4">
               Share Code Snippets With Atomic Precision
             </h1>
             <p className="text-gray-400 text-lg max-w-2xl mx-auto">
diff --git a/src/index.css b/src/index.css
index 223a461..2cd9cc7 100644
--- a/src/index.css
+++ b/src/index.css
@@ -33,46 +33,6 @@
 }
 
 @layer utilities {
-  .grid-pattern {
-    position: fixed;
-    inset: 0;
-    pointer-events: none;
-    z-index: 0;
-    opacity: 0.4;
-  }
-
-  .grid-pattern::before,
-  .grid-pattern::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 200%;
-    height: 200%;
-    background-image: 
-      linear-gradient(#35CAA408 1px, transparent 1px),
-      linear-gradient(90deg, #35CAA408 1px, transparent 1px);
-    background-size: 32px 32px;
-    transform-origin: 0 0;
-    animation: gridScroll 60s linear infinite;
-    pointer-events: none;
-  }
-
-  .grid-pattern::after {
-    opacity: 0.3;
-    transform: translateY(-30%) rotate(30deg);
-    animation: gridScroll 45s linear infinite;
-  }
-
-  @keyframes gridScroll {
-    0% {
-      transform: translateY(0) rotate(0);
-    }
-    100% {
-      transform: translateY(-25%) rotate(-5deg);
-    }
-  }
-
   .glass-card {
     @apply bg-gray-900/60 backdrop-blur-lg border border-gray-700/50;
   }