body{
	width: 100%;
	margin: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: #323232;

}
.puff-in-center {
	-webkit-animation: puff-in-center 0.7s ;
	        animation: puff-in-center 0.7s ;
}
.imagen{
	margin: 15% 0 0 0;
	border-radius: 50%;
	
	-webkit-box-shadow: inset 0px 0px 50px 21px rgba(0,0,0,0.84), 0px 0px 22px 0px rgba(251,174,10,0.25), 0px 0px 22px 0px rgba(251,174,10,0.25); 
	box-shadow: inset 0px 0px 50px 21px rgba(0,0,0,0.84), 0px 0px 22px 0px rgba(251,174,10,0.25), 0px 0px 22px 0px rgba(251,174,10,0.25);

}

.contenedor{
	margin: 0%
	bottom: 0;
	margin: 0%;
	line-height: 50px;


}

.item{

	background-color: black;
	margin-bottom: 0;
	bottom: 0;
	position: fixed;
	padding:0%;
	list-style:none;
	width: 100%;
	color: white;


}

.item li{

	color: white;
	list-style:none;
	width: 25%;
	float:left;
	
}

.item li:hover{

	list-style:none;
	transform: translateY(-3px)scale(1.03);
	filter: contrast(5%) ;
	filter:invert(35%);
	background-color: violet;
}

.item i{


	color: white;
}
	
.audio{

	margin: 25% 0 10% 0;
	width: 80%;


}