/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.social-icon {
  display: inline-block;
  margin: 0 10px; /* Povećajte razmak između ikona */
  width: 40px;   /* Prilagodite veličinu ikona */
  height: 40px;  /* Prilagodite veličinu ikona */
  transition: transform 0.2s ease; /* Dodajte prijelaz za glatku promjenu */
  border: none; /* Uklonite okvir */ 
}

.social-icon:hover {
  transform: scale(1.2); /* Povećajte ikone pri lebdenju */
   transform: translateY(-5px);  Pomaknite ikone prema gore pri lebdenju 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); Dodajte sjenu pri lebdenju 
	background-color: #e0e0e0; /* Tamnija pozadina pri lebdenju */
}