🐐

style.css

@@ -77,13 +77,16 @@ button { font-family: var(--font); cursor: pointer; border: none; background: no
 
 /* ── Nav ────────────────────────────────────────────────────── */
 #header {
-  background: rgba(254, 254, 227, 0.85);
+  background: rgba(254, 254, 227, 0);
   position: fixed; top: 0; left: 0; right: 0;
   height: var(--nav-h);
   z-index: 1000;
   transition: background 0.3s, box-shadow 0.3s;
 }
 #header.scrolled {
+  backdrop-filter: blur(30px);
+  -webkit-backdrop-filter: blur(30px);
+  background: rgba(254, 254, 227, 0.75);
   box-shadow: 0 2px 20px rgba(230, 57, 70, 0.08);
 }
 nav {
@@ -104,6 +107,17 @@ nav {
 .nav-logo:hover { color: var(--red); }
 
 .nav-links { display: flex; gap: 0.1rem; }
+
+@media (min-width: 769px) {
+  .nav-links {
+    position: fixed;
+    top: 0;
+    right: max(calc((100vw - var(--max-w)) / 2 + 2rem), 2rem);
+    height: var(--nav-h);
+    align-items: center;
+    z-index: 1001;
+  }
+}
 .nav-link {
   font-weight: 700;
   font-size: 0.8rem;
@@ -485,7 +499,7 @@ footer {
     position: fixed;
     top: var(--nav-h);
     left: 0; right: 0;
-    background: rgba(254,254,227,0.5);
+    background: rgba(254, 254, 227, 0.75);;
     backdrop-filter: blur(30px);
     -webkit-backdrop-filter: blur(30px);
     flex-direction: column;