/* css/social.css */
/* Social Media Icons */
.social-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.social-icon {
    font-size: 30px;
    color: #333;
    transition: color 0.3s ease;
}

.social-icon:hover {
    color: #0073e6; /* Change to your preferred hover color */
}

.social-icon.linkedin:hover {
    color: #0e76a8; /* LinkedIn color */
}

.social-icon.github:hover {
    color: #333; /* GitHub color */
}

.social-icon.instagram:hover {
    color: #E4405F; /* Instagram color */
}