diff --git a/website-7sys/css/contact.css b/website-7sys/css/contact.css index 7455edb..4640c45 100644 --- a/website-7sys/css/contact.css +++ b/website-7sys/css/contact.css @@ -92,6 +92,8 @@ color: var(--text-color); opacity: 0.7; transition: color var(--transition-base); + pointer-events: none; + z-index: 1; } .input-wrapper textarea + i { @@ -110,6 +112,7 @@ color: var(--text-color); font-family: var(--font-primary); transition: all var(--transition-base); + position: relative; } .input-wrapper textarea { @@ -131,6 +134,7 @@ .input-wrapper input:focus + i, .input-wrapper textarea:focus + i { color: var(--accent-color); + top: 50%; } /* Character Counter */ @@ -160,6 +164,7 @@ display: flex; align-items: center; gap: var(--space-xs); + top: 0; } /* Submit Button */ @@ -243,9 +248,6 @@ color: var(--text-color); position: relative; display: inline-block; -} - -.contact-info h3::after { content: ''; position: absolute; bottom: -8px; diff --git a/website-7sys/css/header.css b/website-7sys/css/header.css index 9681527..7f28ae7 100644 --- a/website-7sys/css/header.css +++ b/website-7sys/css/header.css @@ -27,11 +27,18 @@ header { .logo { font-size: var(--font-size-2xl); font-weight: 700; - color: var(--text-color); +} + +.logo a { text-decoration: none; - display: flex; - align-items: center; - gap: var(--space-xs); + font-size: 0; /* Remove space between inline elements */ +} + +.logo-text, .logo-sys { + font-size: var(--font-size-2xl); /* Restore font size */ + display: inline-block; + vertical-align: baseline; + line-height: 1; } .logo-text { @@ -84,19 +91,6 @@ header { transform: rotate(15deg); } -/* Scroll Progress */ -.scroll-progress { - position: absolute; - bottom: -2px; - left: 0; - width: 100%; - height: 2px; - background: var(--accent-color); - transform-origin: left; - transform: scaleX(0); - transition: transform var(--transition-base); -} - /* Header Scroll State */ header.scrolled { box-shadow: var(--shadow-md);