@charset "UTF-8";
/* CSS Document */

.gs {
  /* Starts completely black and white */
  filter: grayscale(100%) contrast(110%); 
  
  /* Smoothly transitions the filter effect over 0.5 seconds */
  transition: filter 0.5s ease; 
}

.gs:hover {
  /* Restores the original full color on hover */
  filter: grayscale(0%); 
}

.ls {
  /* Starts completely white */
  filter: brightness(0) invert(1);
  
  /* Smoothly transitions the filter effect over 0.5 seconds */
  transition: filter 0.5s ease; 
}

.ls:hover {
  /* Restores the original full color on hover */
  filter: grayscale(0%); 
}





.text-shadow-sm {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.text-shadow-md {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.text-shadow-lg {
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
}