:root {
	--social: #047cde;
	--social-hover: #06a4ff;
	--social-shadow-1: #0369bd;
	--social-shadow-2: #058fff;
}

.social-link {
	width: 100%;
	height: 5rem;
	font-size: 18pt;
	font-weight: bold;
	background-color: var(--social);
	color: #fff !important;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	-webkit-animation: shadowFadeOutSocial 0 0.25s ease-in-out;
	animation: shadowFadeOutSocial 0.25s ease-in-out;
}

.social-link:hover {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	background-color: var(--social-hover);
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
	transform: scale(1.01);
}

.social-link:active {
	box-shadow: inset 3px 3px 6px var(--social-shadow-1),
		inset -3px -3px 6px var(--social-shadow-2);
	-webkit-animation: shadowFadeInSocial 0.25s ease-in-out;
	animation: shadowFadeInSocial 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	-webkit-transform: scale(0.99);
	-moz-transform: scale(0.99);
	-ms-transform: scale(0.99);
	-o-transform: scale(0.99);
	transform: scale(0.99);
}

.social-link.github {
	margin-bottom: 2rem;
}

.social-icon {
	margin-right: 2rem;
	max-height: 3rem;
	max-width: 3rem;
}

/* GitHub - Start */

.github {
	background-color: #2f363d !important;
	color: #fff !important;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all.25s ease-in-out;
	-webkit-animation: shadowFadeOutGitHub 0.25s ease-in-out !important;
	animation: shadowFadeOutGitHub 0.25s ease-in-out !important;
}

.github-social {
	margin: 0.5rem;
}

.github:hover {
	background-color: #3c434b;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.github:active {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	background-color: #2f363d;
	box-shadow: inset 3px 3px 6px #282e34, inset -3px -3px 6px #363e46;
	-webkit-animation: shadowFadeInGitHub 0.25s ease-in-out !important;
	animation: shadowFadeInGitHub 0.25s ease-in-out !important;
}

/* GitHub - End */