diff --git a/footercss.css b/footercss.css index aa61f79..c231bee 100644 --- a/footercss.css +++ b/footercss.css @@ -57,19 +57,37 @@ gap: 20px; margin-top: 1rem; } - .social-links a { color: #333; font-size: 1.5rem; text-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; -} - -.social-links a:hover { - color: #E5A186; + } + + .social-links a[aria-label="Facebook"]:hover { + color: #3b5998; /* Facebook blue */ text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); -} - + } + + .social-links a[aria-label="Twitter"]:hover { + color: #1da1f2; /* Twitter blue */ + text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); + } + + .social-links a[aria-label="Instagram"]:hover { + color: #e4405f; /* Instagram gradient */ + text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); + } + + .social-links a[aria-label="YouTube"]:hover { + color: #ff0000; /* YouTube red */ + text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); + } + + .social-links a[aria-label="Linkedin"]:hover { + color: #0077b5; /* LinkedIn blue */ + text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); + } .contact-info li { display: flex; align-items: center;