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:
parent
303b357f3e
commit
d9c65182c7
|
|
@ -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 {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue