css fixes pt2

Author: System-End

src/styles/base.css

@@ -27,17 +27,17 @@
   .text-glow {
     text-shadow: 0 0 10px var(--text-glow);
   }
-
+  
   .section-spacing > * + * {
-    margin-top: 3rem;
+    margin-top: 1.5rem;
   }
-
+  
   .card-spacing > * + * {
-    margin-top: 2rem;
+    margin-top: 1rem;
   }
-
+  
   .element-spacing > * + * {
-    margin-top: 1rem;
+    margin-top: 0.75rem;
   }
 }
 
@@ -46,7 +46,7 @@
     max-width: 80rem;
     margin-left: auto;
     margin-right: auto;
-    padding: 2rem 1rem;
+    padding: 1.5rem 1rem;
   }
 
   .nav-link {
@@ -55,38 +55,36 @@
     gap: 0.75rem;
     padding: 0.5rem 1rem;
     border-radius: 0.5rem;
-    transition-property: all;
-    transition-duration: 200ms;
+    transition: all 0.2s ease;
   }
 
   .nav-link:hover {
-    background-color: rgba(157, 78, 221, 0.1);
+    background-color: rgba(157, 78, 221, 0.05);
     color: var(--accent-neon);
   }
 
   .nav-link.active {
-    background-color: rgba(157, 78, 221, 0.2);
+    background-color: rgba(157, 78, 221, 0.1);
     color: var(--accent-neon);
   }
 
   .fox-card {
     position: relative;
     border-radius: 0.75rem;
-    padding: 2rem;
-    transition-property: all;
-    transition-duration: 300ms;
-    border: 1px solid rgba(157, 78, 221, 0.2);
-    background: linear-gradient(135deg, rgba(47, 28, 84, 0.3) 0%, rgba(157, 78, 221, 0.1) 100%);
+    padding: 1.5rem;
+    transition: all 0.2s ease;
+    border: 1px solid rgba(157, 78, 221, 0.1);
+    background: linear-gradient(135deg, rgba(47, 28, 84, 0.2) 0%, rgba(157, 78, 221, 0.05) 100%);
   }
 
   .fox-card:hover {
-    border-color: rgba(178, 73, 248, 0.4);
-    box-shadow: 0 0 10px rgba(157, 78, 221, 0.1);
+    border-color: rgba(157, 78, 221, 0.2);
+    box-shadow: 0 2px 8px rgba(157, 78, 221, 0.05);
   }
 
   .content-grid {
     display: grid;
-    gap: 2rem;
+    gap: 1.5rem;
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }