fix: gained some space.. kinda..

style.css

@@ -42,8 +42,8 @@ main.container {
     padding: 0;
 }
 
-main.container > section:not(.hero-fullscreen),
-main.container > .card {
+main.container>section:not(.hero-fullscreen),
+main.container>.card {
     padding: 24px;
 }
 
@@ -211,43 +211,53 @@ main.container > .card {
     margin-bottom: 1.5rem;
 }
 
-.hero h1 .word {
+.hero h1>span {
     display: inline-block;
     opacity: 0;
     animation: slideUpWord 0.6s ease forwards;
 }
 
-.hero h1 .word:nth-child(1) {
+.hero h1>span:nth-child(1) {
     animation-delay: 0.1s;
 }
-.hero h1 .word:nth-child(2) {
+
+.hero h1>span:nth-child(2) {
     animation-delay: 0.2s;
 }
-.hero h1 .word:nth-child(3) {
+
+.hero h1>span:nth-child(3) {
     animation-delay: 0.3s;
 }
-.hero h1 .word:nth-child(4) {
+
+.hero h1>span:nth-child(4) {
     animation-delay: 0.4s;
 }
-.hero h1 .word:nth-child(5) {
+
+.hero h1>span:nth-child(5) {
     animation-delay: 0.5s;
 }
-.hero h1 .word:nth-child(6) {
+
+.hero h1>span:nth-child(6) {
     animation-delay: 0.6s;
 }
-.hero h1 .word:nth-child(7) {
+
+.hero h1>span:nth-child(7) {
     animation-delay: 0.7s;
 }
-.hero h1 .word:nth-child(8) {
+
+.hero h1>span:nth-child(8) {
     animation-delay: 0.8s;
 }
-.hero h1 .word:nth-child(9) {
+
+.hero h1>span:nth-child(9) {
     animation-delay: 0.9s;
 }
-.hero h1 .word:nth-child(10) {
+
+.hero h1>span:nth-child(10) {
     animation-delay: 1s;
 }
-.hero h1 .word:nth-child(11) {
+
+.hero h1>span:nth-child(11) {
     animation-delay: 1.1s;
 }
 
@@ -256,6 +266,7 @@ main.container > .card {
         opacity: 0;
         transform: translateY(20px);
     }
+
     to {
         opacity: 1;
         transform: translateY(0);
@@ -278,6 +289,7 @@ main.container > .card {
     from {
         opacity: 0;
     }
+
     to {
         opacity: 1;
     }
@@ -295,13 +307,6 @@ main.container > .card {
     flex-wrap: wrap;
 }
 
-/* Remove any image-specific styles that might still be present */
-.hero img,
-.hero-image,
-.about-image {
-    display: none;
-}
-
 /* Sections */
 section {
     margin-top: 48px;
@@ -363,7 +368,7 @@ p.lead {
     gap: 6px;
 }
 
-.tag {
+.tags>span {
     border: 1px solid #263626;
     border-radius: 999px;
     padding: 4px 8px;
@@ -478,6 +483,7 @@ a:visited:hover {
         opacity: 0;
         transform: translateY(-100%);
     }
+
     to {
         opacity: 1;
         transform: translateY(0);
@@ -568,8 +574,8 @@ footer .to-top {
         padding: 16px;
     }
 
-    main.container > section:not(.hero-fullscreen),
-    main.container > .card {
+    main.container>section:not(.hero-fullscreen),
+    main.container>.card {
         padding: 16px;
     }
 
@@ -590,7 +596,8 @@ footer .to-top {
         position: fixed;
         left: 16px;
         right: 16px;
-        top: 78px; /* 70px header height + 8px gap */
+        top: 78px;
+        /* 70px header height + 8px gap */
         background: var(--surface);
         border: 1px solid var(--border);
         border-radius: 12px;
@@ -610,4 +617,4 @@ footer .to-top {
         padding: 12px 10px;
         border-radius: 8px;
     }
-}
+}