/* Social Media Icon Styling */
.social-icon {
  width: 2rem; /* 24px */
  height: 2rem; /* 24px */
  object-fit: contain; /* Ensures icons scale correctly without distortion */
  filter: grayscale(90%);
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
}

.social-icon:hover {
  filter: grayscale(0%);
  opacity: 1;
}