div{
	border: 20px solid #000;
	height: 100px;
	width: 100px;
	text-align: center;
	background-color: white;
	padding: 50px;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.modA{
	
	background-image: url(imagenes/bailar.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-origin: content-box;
	background-position: center;
}
.modB{
	background-image: url(imagenes/cocinar.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-origin: content-box;
}
.modF{
	
	background-image: url(imagenes/gym.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-origin: content-box;
	background-position: center;
}
.modG{
	
	background-image: url(imagenes/read.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-origin: content-box;


@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(0.156) skew(-32deg) translate(0px); }
to { -webkit-transform: rotate(0deg) scale(0.883) skew(2deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(0.156) skew(-32deg) translate(0px); }
to { -moz-transform: rotate(0deg) scale(0.883) skew(2deg) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(0deg) scale(0.156) skew(-32deg) translate(0px); }
to { -o-transform: rotate(0deg) scale(0.883) skew(2deg) translate(0px); }


}


}
body{
	
	background-image: url(imagenes/daniela.jpg);

}