/* ****** Social Media & Contact Icons ****** */

.links {
    display: flex;
    flex-wrap: wrap; /* Allows icons to wrap on small phone screens */
    gap: 40px; /* Slightly reduced gap for better mobile fitting */
    margin-top: 30px;
    justify-content: flex-start;
}

    .links a {
        text-decoration: none;
        color: #fff; /* Default icons to white for high contrast */
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Icon Size */
    .links i {
        font-size: 55px;
    }

    /* Hover & Focus Effects */
    .links a:hover,
    .links a:focus {
        color: #0088bb; 
        transform: translateY(-5px); /* Subtle lift effect */
        text-shadow: 0 0 15px rgba(0, 255, 204, 0.6); /* Neon glow */
    }

/* Mobile Adjustments */
@media (max-width: 768px) {
    .links {
        gap: 30px;
        justify-content: center; /* Center icons on mobile */
    }

        .links i {
            font-size: 45px; /* Slightly smaller for mobile screens */
        }
}