Intensify purple glow on Kids Version link

Using multiple layered text-shadows for a stronger neon glow
effect that's visible in both light and dark modes.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-12-06 21:08:57 -05:00
parent 488707495c
commit d43303cd40
+4 -4
View File
@@ -233,18 +233,18 @@
color: #8b5cf6;
font-weight: 500;
text-decoration: none;
text-shadow: 0 2px 8px rgba(139, 92, 246, 0.4);
text-shadow: 0 0 10px #8b5cf6, 0 0 20px #8b5cf6, 0 0 30px rgba(139, 92, 246, 0.5);
transition: text-shadow 0.2s;
}
.kids-version-link:hover {
text-shadow: 0 2px 12px rgba(139, 92, 246, 0.6);
text-shadow: 0 0 10px #8b5cf6, 0 0 25px #8b5cf6, 0 0 40px #8b5cf6;
}
[data-theme="dark"] .kids-version-link {
color: #a78bfa;
text-shadow: 0 2px 12px rgba(167, 139, 250, 0.6);
text-shadow: 0 0 10px #a78bfa, 0 0 25px #a78bfa, 0 0 40px rgba(167, 139, 250, 0.7);
}
[data-theme="dark"] .kids-version-link:hover {
text-shadow: 0 2px 16px rgba(167, 139, 250, 0.8);
text-shadow: 0 0 15px #a78bfa, 0 0 30px #a78bfa, 0 0 50px #a78bfa;
}
.category-section.hidden {