@charset "utf-8";
/* CSS Document */

#f1_container {
  position: relative;
  margin: 0px auto;
  width: 260px;
  height: 280px;
  z-index: 1;
  perspective: 1000;
}

#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  box-shadow: -5px 5px 5px #aaa;
  
}
.face {
	position: absolute;
	width: 260px;
	height: 282px;
	backface-visibility: hidden;
	top: -2px;
}
.face.back {
	display: block;
	transform: rotateY(180deg);
	box-sizing: border-box;
	padding: 0px;
	color: #FFF;
	text-align: center;
	background-color:#66a83a;
	background-size: 260px 282px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.fontstyle {
	font-size: 14px;
	font-family:Verdana, Geneva, sans-serif; 
	color:#FFF;
	}