Update font styling: Set body font-weight to 200, hero h1 font-weight to 200, and heading colors to #52eef5

css/style.css

@@ -1,4 +1,4 @@
-   @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@400,500,600,700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
 
 :root {
     /* Base colors */
@@ -186,7 +186,10 @@ body {
     background: url('../assets/3293677.png') no-repeat center center fixed;
     background-size: cover;
     color: var(--fg);
-    font-family: 'Inter', sans-serif;
+    font-family: 'VT323', sans-serif;
+    font-weight: 40;
+    font-style: normal;
+    font-size: 1.1rem;
     line-height: 1.5;
     margin: 0;
     padding: 0;
@@ -218,7 +221,7 @@ section {
 section h2 {
     font-size: 2.2rem;
     margin-bottom: 30px;
-    color: var(--primary-color);
+    color: #52eef5;
     text-align: center;
     text-transform: uppercase;
     letter-spacing: 1px;
@@ -891,11 +894,11 @@ section h2 {
 }
 
 .hero-content h1 {
-    font-size: 4rem;
+    font-size: 5rem;
     line-height: 1.1;
     margin-bottom: 1.5rem;
     letter-spacing: 2px;
-    font-weight: 800;
+    font-weight: 20;
     position: relative;
     
     /* Stunning Multi-Gradient Text Effect */
@@ -930,10 +933,10 @@ section h2 {
 /* Fallback styling for browsers that don't support background-clip: text */
 .hero-content h1.fallback {
     background: none !important;
-    color: #ffffff !important;
-    text-shadow: 0 0 15px rgba(139, 92, 246, 0.8),
-                 0 0 30px rgba(109, 40, 217, 0.6),
-                 0 0 45px rgba(91, 33, 182, 0.4) !important;
+    color: #52eef5 !important;
+    text-shadow: 0 0 15px rgba(82, 238, 245, 0.8),
+                 0 0 30px rgba(82, 238, 245, 0.6),
+                 0 0 45px rgba(82, 238, 245, 0.4) !important;
 }
 
 /* Enhanced floating reflection effect */
@@ -984,13 +987,13 @@ section h2 {
     margin-right: auto !important;
 }
 
-/* Pure white heading with minimal glow */
+/* Pure #52eef5 heading with glow */
 #hero .hero-content h1 {
-    color: #ffffff !important;
-    text-shadow: 0 0 5px rgba(255, 255, 255, 0.3), 0 0 10px rgba(255, 255, 255, 0.1) !important;
+    color: #52eef5 !important;
+    text-shadow: 0 0 5px rgba(82, 238, 245, 0.6), 0 0 10px rgba(82, 238, 245, 0.3) !important;
     background: none !important;
-    -webkit-text-fill-color: #ffffff !important;
-    -webkit-text-stroke: 0.3px rgba(255, 255, 255, 0.1);
+    -webkit-text-fill-color: #52eef5 !important;
+    -webkit-text-stroke: 0.3px rgba(82, 238, 245, 0.3);
 }
 
 /* Custom hero button styles - Enhanced visibility and appeal */
@@ -1000,10 +1003,9 @@ section h2 {
     box-shadow: 
         0 8px 32px rgba(109, 40, 217, 0.4),
         0 4px 16px rgba(147, 51, 234, 0.3),
-        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
-    padding: 18px 36px !important;
+        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;    padding: 18px 36px !important;
     margin-top: 24px !important;
-    font-weight: 700 !important;
+    font-weight: 400 !important;
     letter-spacing: 1.5px !important;
     text-transform: uppercase !important;
     font-size: 1.1rem !important;
@@ -1312,10 +1314,9 @@ section h2 {
     position: relative;
     display: inline-block;
     width: 100%;
-    font-family: 'Space Grotesk', sans-serif;
-    background: linear-gradient(90deg, #8A9FFF 0%, #C0CFFF 40%, #FFFFFF 70%);
-    -webkit-background-clip: text;
-    background-clip: text;
+    font-family: 'VT323', monospace;
+    color: #52eef5;
+    text-shadow: 0px 4px 10px rgba(82, 238, 245, 0.8), 0px 2px 5px rgba(0, 0, 0, 0.5);
     color: transparent;
     text-shadow: 0px 4px 10px rgba(124, 137, 255, 0.8), 0px 2px 5px rgba(0, 0, 0, 0.5);
 }
@@ -1326,12 +1327,9 @@ h3,
 h4,
 h5,
 h6 {
-    font-family: 'Space Grotesk', sans-serif;
-    background: linear-gradient(90deg, #8A9FFF 0%, #C0CFFF 40%, #FFFFFF 70%);
-    -webkit-background-clip: text;
-    background-clip: text;
-    color: transparent;
-    text-shadow: 0px 4px 10px rgba(124, 137, 255, 0.8), 0px 2px 5px rgba(0, 0, 0, 0.5);
+    font-family: 'VT323', monospace;
+    color: #52eef5;
+    text-shadow: 0px 4px 10px rgba(82, 238, 245, 0.8), 0px 2px 5px rgba(0, 0, 0, 0.5);
     letter-spacing: 0.7px;
     font-weight: 700;
 }
@@ -2107,7 +2105,7 @@ h6 {
 
 .footer-col h3 {
     font-size: 1.2rem;
-    color: #fff; /* White heading text */
+    color: #52eef5; /* Cyan heading text */
     margin-bottom: 20px;
     font-weight: 600;
      /* Removed gradient for simpler, consistent look */
@@ -2390,7 +2388,7 @@ h6 {
     font-size: 2.8rem;
     margin-bottom: 1rem;
     /* Inherit the beautiful gradient and glow from main h1 styling */
-    font-family: 'Space Grotesk', sans-serif;
+    font-family: 'VT323', monospace;
 }
 
 .case-studies-hero p {
@@ -2511,7 +2509,7 @@ h6 {
 
 .case-study-card h3 {
     font-size: 1.4rem;
-    color: #ffffff;
+    color: #52eef5;
     margin-bottom: 0.75rem;
     line-height: 1.3;
     background: none;
@@ -2526,7 +2524,7 @@ h6 {
     -webkit-background-clip: unset;
     background-clip: unset;
     text-shadow: none;
-    font-family: 'Space Grotesk', sans-serif;
+    font-family: 'VT323', monospace;
 }
 
 .btn-discuss-project {
@@ -3011,7 +3009,7 @@ h6 {
 .footer-col h3 {
     margin-bottom: 1rem;
     font-size: 1.25rem;
-    color: #ffffff;
+    color: #52eef5;
 }
 
 /* Responsive styles for logo images */