diff --git a/assets/style.css b/assets/style.css index 1a8f816..745f347 100644 --- a/assets/style.css +++ b/assets/style.css @@ -238,7 +238,7 @@ h1 { margin: 0 auto; padding: 1.5rem 1.25rem calc(120px + env(safe-area-inset-bottom, 0px)); position: relative; - z-index: 1; /* Keep cards above background but below flying effects */ + z-index: 1; /* Keep cards above background */ flex: 1; } @@ -264,6 +264,7 @@ h1 { box-shadow: var(--shadow); transition: background-color 0.3s; border: 1px solid var(--border); + z-index: 10; } .project-header { @@ -542,7 +543,7 @@ button:active { transform: scale(0.97); box-shadow: none; } width: 28px; height: 28px; animation: fireflyGlide var(--fly-duration, 14s) linear forwards; - z-index: 5; /* Float above content but below header */ + z-index: 0; /* Drift beneath page content */ pointer-events: none; } .firefly { @@ -561,7 +562,7 @@ button:active { transform: scale(0.97); box-shadow: none; } width: 36px; height: 36px; animation: seedGlide var(--seed-duration, 16s) linear forwards; - z-index: 5; + z-index: 0; pointer-events: none; } .seed {