﻿#social-networks a i {
	margin: 5px;
	font-size: 1.5rem;
}

.rss {
	width: 1.5rem;
	height: 1.5rem;
	margin: 5px;
	color: #FD7E14;
	opacity: .5;
	transition: .15s;
}

.telegram {
	color: #0056B3;
	opacity: .5;
	transition: .15s;
}

.instagram {
	color: #E13B69;
	opacity: .5;
	transition: .15s;
}

.whatsapp {
	color: #32B747;
	opacity: .5;
	transition: .15s;
}

.facebook {
	color: #0056B3;
	opacity: .5;
	transition: .15s;
}

.github {
	color: #585756;
	opacity: .5;
	transition: .15s;
}

.linkedin {
	color: #0077B5;
	opacity: .5;
	transition: .15s;
}

.android {
	color: #A5CA39;
	opacity: .5;
	transition: .15s;
}

.rss:hover {
	animation: hvr-buzz-out 2s;
	opacity: 1;
}

.telegram:hover {
	animation: hvr-buzz-out 2s;
	opacity: 1;
}

.instagram:hover {
	animation: hvr-buzz-out 2s;
	opacity: 1;
}

.whatsapp:hover {
	animation: hvr-buzz-out 2s;
	opacity: 1;
}

.facebook:hover {
	animation: hvr-buzz-out 2s;
	opacity: 1;
}

.github:hover {
	animation: hvr-buzz-out 2s;
	opacity: 1;
}

.linkedin:hover {
	animation: hvr-buzz-out 2s;
	opacity: 1;
}

.android:hover {
	animation: hvr-buzz-out 2s;
	opacity: 1;
}

@keyframes hvr-buzz-out {
	10% {
		transform: translateX(3px) rotate(2deg);
	}

	20% {
		transform: translateX(-3px) rotate(-2deg);
	}

	30% {
		transform: translateX(3px) rotate(2deg);
	}

	40% {
		transform: translateX(-3px) rotate(-2deg);
	}

	50% {
		transform: translateX(2px) rotate(1deg);
	}

	60% {
		transform: translateX(-2px) rotate(-1deg);
	}

	70% {
		transform: translateX(2px) rotate(1deg);
	}

	80% {
		transform: translateX(-2px) rotate(-1deg);
	}

	90% {
		transform: translateX(1px) rotate(0);
	}

	100% {
		transform: translateX(-1px) rotate(0);
	}
}