From 033d761f5c27b07516306bb07f7d37087ff72652 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mark=20Randall=20Havens=20=E2=96=B3=20The=20Empathic=20Tec?= =?UTF-8?q?hnologist=20=E2=9F=81=20Doctor=20Who=2042?= Date: Sun, 9 Nov 2025 00:10:12 -0600 Subject: [PATCH] Update styles.css --- public/styles.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/public/styles.css b/public/styles.css index ebe2ea5..4ca4c03 100755 --- a/public/styles.css +++ b/public/styles.css @@ -48,7 +48,7 @@ html, body { text-shadow: 0 0 8px var(--accent); } -/* HORIZON LAYER: Emergent Sub-Navigation */ +/* NESTED HORIZON: Emergent Sub-Navigation with Animation */ .sub-nav { display: none; position: fixed; @@ -64,12 +64,20 @@ html, body { z-index: 950; align-items: center; opacity: 0; - transition: opacity var(--transition); + transform: translateY(-5px); + transition: opacity var(--transition), transform var(--transition); } .sub-nav.visible { display: flex; opacity: 1; + transform: translateY(0); + animation: fadeSlideDown .3s ease forwards; +} + +@keyframes fadeSlideDown { + from { opacity: 0; transform: translateY(-5px); } + to { opacity: 1; transform: translateY(0); } } .sub-nav a {