Step 3: Update tagline to synthwave typography

- Updated 'Master Your Dedication' with Audiowide font
- Changed to white text with magenta glow effect
- Added textGlow animation for pulsing effect
- Increased letter-spacing for cyberpunk aesthetic
- Updated subtitle to Electrolize font with cyan color
- Added cyan text-shadow glow
- Subtitle now uppercase with tech styling

TEST: Refresh to see tagline with white text + magenta glow, cyan subtitle
This commit is contained in:
dilgenfritz 2025-11-03 06:17:07 -06:00
parent 303b357f3e
commit d9c65182c7
1 changed files with 36 additions and 9 deletions

View File

@ -151,6 +151,22 @@ body {
} }
} }
@keyframes textGlow {
from {
text-shadow:
0 0 20px #ff00ff,
0 0 40px #ff00ff,
0 2px 4px rgba(0, 0, 0, 0.8);
}
to {
text-shadow:
0 0 30px #ff00ff,
0 0 60px #ff00ff,
0 0 90px #ff00ff,
0 2px 4px rgba(0, 0, 0, 0.8);
}
}
/* Enhanced Hero Section */ /* Enhanced Hero Section */
.hero-header { .hero-header {
background: linear-gradient(135deg, background: linear-gradient(135deg,
@ -237,19 +253,30 @@ body {
} }
.tagline-emphasis { .tagline-emphasis {
font-size: clamp(1.5rem, 4vw, 2.5rem); font-family: 'Audiowide', cursive;
color: var(--text-primary); font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 600; font-weight: 400;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7); color: #ffffff;
letter-spacing: 1px; text-shadow:
0 0 20px #ff00ff,
0 0 40px #ff00ff,
0 2px 4px rgba(0, 0, 0, 0.8);
text-transform: uppercase;
letter-spacing: 6px;
margin-bottom: 15px;
display: block;
animation: textGlow 2s ease-in-out infinite alternate;
} }
.tagline-subtitle { .tagline-subtitle {
font-size: var(--font-lg); font-family: 'Electrolize', sans-serif;
color: var(--text-secondary); font-size: 1.2rem;
font-weight: 300; color: #00ffff;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
opacity: 0.9; opacity: 0.9;
font-style: italic; text-shadow: 0 0 10px #00ffff;
} }
.hero-features { .hero-features {