/* Logo Enhancement Styles */

/* Base logo styling */
nav#menu #logo a {
  display: inline-block;
  transition: transform 0.3s ease, filter 0.3s ease;
}

/* Hover animation effect */
nav#menu #logo a:hover {
  transform: scale(1.08); /* Make logo slightly bigger */
  filter: drop-shadow(0 0 8px rgba(24, 106, 255, 0.4)); /* Add subtle blue glow matching timeline */
}

/* Active state when clicking */
nav#menu #logo a:active {
  transform: scale(1.04); /* Slightly smaller than hover but still enlarged */
}

/* Ensure smooth transition */
nav#menu #logo img {
  transition: all 0.3s ease;
}