@charset "UTF-8";

.grow { transition: all .40s ease-in-out; }
.grow:hover { transform: scale(1.1); }

@keyframes slideInFromLeft {
  0% {
  transform: translateY(-100%);
  }
  100% {
  transform: translateY(0);
  }
}

 
.fab  {
	color: black;
}
  
header {  
	animation: 1s ease-out 0s 1 slideInFromLeft; /* This line calls the slideInFromLeft animation we defined above */
}

header {
 background-color: rgba(black);
}

a[class*='so_'] svg:first-child * {
  fill: rgb(0,0,0,0);
}

a[class*='so_'] | a[class^='so_'] svg:first-child * {
	fill: black;
}

a.so_mycareer:hover svg:first-child * {
  fill: #8ae234;
}

a.so_mycareer:hover svg:last-child * {
  fill: black;
}

a.so_mailme:hover svg:first-child * {
  fill: url(#svgcmailme);
}

a.so_mailme:hover svg:last-child * {
  fill: green;
}

a.so_myinfo:hover  svg:first-child *  {
	fill: url(#svgcmyinfo);
} 

a.so_myinfo:hover  svg:last-child *  {
	fill: black;
} 

a.so_twitter:hover  svg:first-child * {
	fill: #1DA1F2;
}
a.so_linkedin:hover  svg:first-child * {
	fill: #2867B2;
	/* fill: url(#rg); */
}
a.so_instagram:hover  svg:first-child * {
	fill: url(#svgcinsta);
}