h2 a{
	color: white;
}
:root{
	--default-color: #fff;
	--dark-color: #dde;
	--darkest-color: #ccd;
	--white: #fff;
}

.social{
	width: 100%;
	text-align: center;
}
.social .line{
	display: block;
}
.social .line.secondary{
	font-size: .8em;
}
.social .line.secondary svg{
	opacity: 0.5;
}
.social .line.primary{
	font-size: .9em;
}
.social .line.primary svg{
	opacity: 0.75;
}
.social .subline{
	display: inline;
	white-space: nowrap;
}
.social a{
	outline: 0;
}

.social svg{
	max-width: 8em;
	max-height: 7em;
	white-space: nowrap;
	fill: var(--default-color);
	transition: 0.2s all cubic-bezier(.49, .01, 1, .64);
	display: inline;
	transform: scale(.6);
	filter: drop-shadow(0 .2em .1em rgba(0, 0, 10, 0.4));
}
.social svg:hover{
	transition: 0.2s all cubic-bezier(0, .49, .25, 1);
	transform: scale(1) rotate(-6deg);
	opacity: 0.9999 !important;
}

#social_facebook:hover{
	fill: #4466aa;
}
#social_googleplus:hover{
	fill: #db4437;
}
#social_instagram path.colored{
	opacity: 0;
	fill:url(#instaGradient);
	transition: 0.2s all cubic-bezier(.49, .01, 1, .64);
}
#social_instagram path:not(.colored){
	transition-delay: 0;
}

#social_instagram:hover path.colored{
	opacity: 1;
	transition: 0.2s all cubic-bezier(0, .49, .25, 1);
}
#social_instagram:hover path:not(.colored){
	opacity: 0;
	transition-delay: 0.2s;
}

#social_deviantart:hover{
	fill: #28d062;
}
#social_linkedin:hover{
	fill: #0274B3;
}
#social_tumblr:hover{
	fill: #103a71;
}
#social_mastodon:hover{
	fill: #3088d4;
}
#social_twitter:hover{
	fill: #2994f0;
}
#social_bluesky:hover{
	fill: #1185fe;
}
#social_youtube:hover{
	fill: #ff2a2a;
}
#social_itchio:hover{
	fill: #FA5C5C;
}


#social_patreon:hover{
	fill: #ffffff;
}

#social_kofi path{
	transition: 0.2s all cubic-bezier(.49, .01, 1, .64);
}
#social_kofi:hover path{
	transition: 0.2s all cubic-bezier(0, .49, .25, 1);
}

#social_kofi .social_kofi_border,
#social_kofi .social_kofi_heart
{
	fill: rgba(0,0,0,0);
}

#social_kofi:hover .social_kofi_border{
	fill: #202020;
}
#social_kofi:hover .social_kofi_heart{
	fill: #ff5a16;
}
#social_kofi:hover{
	fill: #fff;
}

#social_liberapay:hover{
	fill: #1a171b;
}



#social_paypal .color1{
	transition: 0.2s fill cubic-bezier(.49, .01, 1, .64);
	fill: var(--dark-color);
}
#social_paypal .color2{
	transition: 0.2s fill cubic-bezier(.49, .01, 1, .64);
	fill: var(--darkest-color);
}
#social_paypal .color3{
	transition: 0.2s fill cubic-bezier(.49, .01, 1, .64);
	fill: var(--default-color);
}
#social_paypal:hover .color1{
	transition: 0.2s fill cubic-bezier(0, .49, .25, 1);
	fill: #253B80;
}
#social_paypal:hover .color2{
	transition: 0.2s fill cubic-bezier(0, .49, .25, 1);
	fill: #222D65;
}
#social_paypal:hover .color3{
	transition: 0.2s fill cubic-bezier(0, .49, .25, 1);
	fill: #179BD7;
}


#social_twitch:hover{
	fill: #6441a5;
}

#social_gitlab path{
	transition: 0.2s all cubic-bezier(.49, .01, 1, .64);
}
#social_gitlab:hover path{
	transition: 0.2s all cubic-bezier(0, .49, .25, 1);
}
#social_gitlab .color1{
	fill: var(--dark-color);
}
#social_gitlab .color2{
	fill: var(--default-color);
}
#social_gitlab .color3{
	fill: var(--darkest-color);
}
#social_gitlab:hover .color1{
	fill: #FC6D26
}
#social_gitlab:hover .color2{
	fill: #E24329
}
#social_gitlab:hover .color3{
	fill: #FCA326
}

#social_github:hover{
	fill: #171515;
}



#social_tiktok path{
	transition: 0.2s fill cubic-bezier(.49, .01, 1, .64);
}
#social_tiktok:hover path{
	transition: 0.2s fill cubic-bezier(0, .49, .25, 1);
}

#social_tiktok .color3{
	fill: var(--darkest-color);
}
#social_tiktok .color2{
	fill: var(--default-color);
}
#social_tiktok .color1{
	fill: var(--dark-color);
}
#social_tiktok:hover .color1{
	fill: #FF004F
}
#social_tiktok:hover .color2{
	fill: #000000
}
#social_tiktok:hover .color3{
	fill: #00F2EA
}

#social_reddit:hover{
	fill: #ff4500;
}

#social_discord:hover{
	fill: #7289DA;
}
