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

.social a{
	outline: 0;
}

.social svg{
	max-width: 4em;
	max-height: 2.5em;
	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));
	opacity: 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_youtube:hover{
	fill: #ff2a2a;
}
#social_itchio:hover{
	fill: #FA5C5C;
}



#social_patreon path:first-child, #social_patreon path:last-child{
	transition: 0.2s all cubic-bezier(.49, .01, 1, .64);
	fill: var(--default-color);
}

#social_patreon:hover path:first-child{
	transition: 0.2s all cubic-bezier(0, .49, .25, 1);
	fill: #f96753;
}
#social_patreon:hover path:last-child{
	transition: 0.2s all cubic-bezier(0, .49, .25, 1);
	fill: #052a49;
}

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


#social_kofi .color1{
	transition: 0.2s fill cubic-bezier(.49, .01, 1, .64);
	fill: var(--default-color);
}
#social_kofi .color2{
	transition: 0.2s fill cubic-bezier(.49, .01, 1, .64);
	fill: rgba(1,1,1,0);
}
#social_kofi .color3{
	transition: 0.2s fill cubic-bezier(.49, .01, 1, .64);
	fill: var(--default-color);
}
#social_kofi:hover .color1{
	transition: 0.2s fill cubic-bezier(0, .49, .25, 1);
	fill: #29aadf;
}
#social_kofi:hover .color2{
	transition: 0.2s fill cubic-bezier(0, .49, .25, 1);
	fill: #fff;
}
#social_kofi:hover .color3{
	transition: 0.2s fill cubic-bezier(0, .49, .25, 1);
	fill: #ff5e5b;
}

#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;
}
#social_utip{
	filter: saturate(0) brightness(1.5);
}
#social_utip:hover{
	filter: saturate(1) brightness(1);
}