@charset "utf-8";
/* CSS Document */

@import 'https://fonts.googleapis.com/css?family=Cedarville+Cursive'; /* font-family: 'Cedarville Cursive', cursive; */



html{
	 font-size: 100%; 
} 


body {
  margin: 0px;
  font-size =1em                  /*    16px / 16px  = 1em              */
	line-height:1.125em;            /*    18px  / 16px = 1.125em    */
  /*font-family: 'Cedarville Cursive', cursive;*/
  text-align:center;
}

/*#titolo {
	width:100%;
	margin-top:5px;
	font-family:"Times New Roman", Times, serif;
	font-size:2em;
	margin-bottom:50px;
	border-bottom:#000 2px double;
}
*/


#polaroid {
	position: relative;
	display:inline-block;
	margin:5 auto;
	width:280px;
	height:280px;
	background-color:#FFF;
	box-shadow: 1px 2px 3px black;
	font-family: 'Cedarville Cursive', cursive;
	text-align:center;
	
	 -webkit-transition: all .15s ease-in-out 0s;
  -moz-transition: all .15s ease-in-out 0s;
  -ms-transition: all .15s ease-in-out 0s;
  -o-transition: all .15s ease-in-out 0s;
  transition: all .15s ease-in-out 0s;
	
}

#polaroid:hover {
  box-shadow: 5px 10px 100px black;
  -webkit-transform: scale(1.2,1.2);
  z-index: 20;
  
   -webkit-transition: all .15s ease-in-out 0s;
  -moz-transition: all .15s ease-in-out 0s;
  -ms-transition: all .15s ease-in-out 0s;
  -o-transition: all .15s ease-in-out 0s;
  transition: all .15s ease-in-out 0s;
}

.f1 {
	-webkit-transform : rotate(-10deg);
	-moz-transform: rotate(-10deg);
 	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	transform: rotate(-10deg);
	z-index: 1;
}

.f2 {
	-webkit-transform : rotate(10deg);
	-moz-transform: rotate(10deg);
 	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
	z-index: 2;
}

.f3 {
	-webkit-transform : rotate(-25deg);
	-moz-transform: rotate(-25deg);
 	-ms-transform: rotate(-25deg);
	-o-transform: rotate(-25deg);
	transform: rotate(-25deg);
	z-index: 1;
}

.f4 {
	-webkit-transform : rotate(8deg);
	-moz-transform: rotate(8deg);
 	-ms-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	transform: rotate(8deg);
	z-index: 2;
}

.imgp {
	width:auto;
	max-width:260px;
	height:170px;
	margin-top:15px;

}

#piede {
	width:260px;
	margin-left:10px;
	margin-top:10px;
	display:inline-block;
	font-size:1.5em;
}
