.credit a {
    display: block;
    width: 100%;
    font-size: 125%;
    font-weight: 500;
}

.credit span {
    padding: 0 50px;
}

.credit a:hover {padding: 0 0 0 5px;}
.credit.twitter a:hover {color: #2188ff;}
.credit.twitch a:hover {color: #6f42c1;}
.credit.github a:hover {color: #8a63d2;}





.profile {
	display: flex;
    flex-direction: column;
	align-items: center;
	padding-top: 20px;
	width: calc(100% / 3);
	height: 220px;
	background: rgba(255,255,255,255,1);
	color: #CCC;
	text-align: center;
	text-shadow: 1px 0 #000, 0 1px #000, 1px 1px #000;
	border-radius: 10px;
    transition: all 0.5s ease-in-out!important;
    -moz-transition: all 0.5s ease-in-out!important;
    -webkit-transition: all 0.5s ease-in-out!important;
    -o-transition: all 0.5s ease-in-out!important;
}

.profile:hover {
	padding-top: 10px;
	color: #FFF;
	background: rgba(255,255,255,0.25);
}

.profile .picture {
	width: 120px;
	height: 120px;
	background: url(/img/fame/frame.png), #000;
	background-size: cover;
}

.profile .name {
	font-size: 120%;
	font-weight: 500;
}

.profile > div:last-child {
	font-size: 80%;
}



.profile.ennopp112 .picture {
	background: url(/img/fame/frame.png), url(/img/fame/EnNopp112.png) center no-repeat, #000;
	background-size: cover, 100px;
}

.profile.purpletissuebox .picture {
	background: url(/img/fame/frame.png), url(/img/fame/purpletissuebox.png) center no-repeat, #000;
	background-size: cover, 100px;
}

.profile.trevperson .picture {
	background: url(/img/fame/frame.png), url(/img/fame/TrevPerson.png) center no-repeat, #000;
	background-size: cover, 100px;
}

.profile.shade .picture {
	background: url(/img/fame/frame.png), url(/img/fame/Shade.png) center no-repeat, #000;
	background-size: cover, 100px;
}