header changes

Author: nlodder

index.html

@@ -4,9 +4,8 @@
 ---
 
 <header class="hero">
-    <h1>Creative Developer <span class="accent-text">Design Focused.</span></h1>
-    <p>Building clean, organic digital spaces using slate tones and vibrant energy.</p>
-    <a href="#" class="btn-primary">Get in touch</a>
+    <h1>Nathan Lodder <span class="accent-text">Portfolio</span></h1>
+    <p>Robotics & Art.</p>
 </header>
 <main class="landing-container">
     <nav class="centered-menu">

style.css

@@ -21,6 +21,27 @@ html, body {
   flex-direction: column;
 }
 
+.hero {
+  text-align: center;
+  padding: 60px 20px;
+}
+
+.hero h1 {
+  font-family: var(--font-main);
+  font-size: 3rem;
+  color: var(--accent-pink)
+}
+
+.hero .accent-text {
+  color: var(--slate-dark);
+}
+
+.hero p {
+  font-size: 1.2rem;
+  letter-spacing: 0.1em;
+  font-style: italic;
+}
+
 .landing-container {
   display: flex;
   justify-content: center; /* Horizontal center */
@@ -68,7 +89,7 @@ footer {
   text-transform: uppercase; /* Looks like a luxury brand in small caps */
   font-weight: 500;
   color: var(--slate-dark);
-  opacity: 0.7;
+  opacity: 0.9;
 }
 
 /* Desktop adjustment */