@-webkit-keyframes animation{from{opacity:0; -webkit-transform:scale(1.2) rotateX(45deg);transform:scale(1.2) rotateX(45deg);} to{ }}

@-webkit-keyframes animation2{from{opacity:0; -webkit-transform:scale(1.2) rotateX(45deg);transform:scale(1.2) rotateX(45deg);} to{ }}

body *{ 
  /*cursor: url(https://dl.dropboxusercontent.com/u/50037593/ElasticSlider/images/cur.png), auto;*/
}



@font-face {
  font-family: font;
  src: url(https://dl.dropboxusercontent.com/u/50037593/ElasticSlider/hand.ttf);
  font-weight:bold;
}

.slider div p {
  color:#1c1c1c;
  position:absolute;
  bottom:-65px; 
  font-family:font; 
  font-size:22px;
}

.slider {
  -webkit-animation:animation ease 1s;
  animation-delay:0;
  animation-fill-mode:forwards;
  margin:235px auto 0 auto;
  height:445px;
  width:400px;
  padding:0px;
  top:100px;
  perspective:1000px;
  transition:ease-in-out .2s;
  /*-webkit-transform:rotateX(45deg);
  -webkit-transform-style:preserve-3d;
  position:absolute;*/
}
/*.slider:active{ -webkit-transform:rotateZ(10deg);}*/


.slide img { 
  text-align:center;
  width:100%; 
  height:100%; 
  -webkit-user-drag:none;
  user-drag:none;
  -moz-user-drag:none; 
  border-radius:2px; 
}

.slide {
  -webkit-user-select:none;
  user-select:none;
  -moz-user-select:none;
  position:absolute;
  height:445px;
  width:400px;

  box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.3);
  background:#fcfcfc;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  text-align:center;
  /*overflow:hidden;*/
  border:12px white solid;
  box-sizing:border-box;
  border-radius:5px;
  margin-top: -200px !important;
}

.transition {
  -webkit-transition: cubic-bezier(0,1.95,.49,.73) .4s ;
  -moz-transition: cubic-bezier(0,1.95,.49,.73) .4s ;
  transition: cubic-bezier(0,1.95,.49,.73) .4s ;
}