Spaces:
Configuration error
Configuration error
| /* Ensure :root variables are defined, e.g., in index.html's inline style or move them here */ | |
| /* | |
| :root { | |
| --neon-red: #FF0000; | |
| } | |
| */ | |
| /* Footer Social Links Styles */ | |
| .footer-social-links a { | |
| color: #ccc; | |
| margin: 0 10px; | |
| font-size: 1.5rem; | |
| transition: all 0.3s ease; /* Apply transition to all properties */ | |
| display: inline-block; /* Required for transform to work correctly */ | |
| } | |
| .footer-social-links a:hover { | |
| color: white; | |
| text-shadow: 0 0 10px var(--neon-red); /* Simplified neon glow */ | |
| transform: scale(1.1); /* Scale animation on hover */ | |
| } | |
| /* Media Queries for Footer Social Links */ | |
| @media (width <= 768px) { | |
| .footer-social-links a { | |
| font-size: 1.3rem; | |
| margin: 0 8px; | |
| } | |
| } | |
| @media (width <= 480px) { | |
| .footer-social-links { /* Ensure flex display is maintained if needed */ | |
| display: flex; | |
| justify-content: center; | |
| margin-bottom: 8px; /* Keep margin from original inline style */ | |
| } | |
| .footer-social-links a { | |
| font-size: 1.2rem; | |
| margin: 0 8px; | |
| } | |
| } | |