@-webkit-keyframes myfirst 
{
    0%   {transform:translatey(250px);}
    75%  {transform:translatey(-15px);}
    100% {transform:translatey(0);}
}
@-webkit-keyframes fadeOutstart 
{
    0%   {transform:translatey(0);}
    100% {transform:translatey(250px);}
}
@-webkit-keyframes mytitle 
{
    0%   {transform:scale3d(0,0,0);}
    75%  {transform:scale3d(1.1,1,1);}
    100% {transform:scale3d(1,1,1);}
}
@-webkit-keyframes fadeOuttitle 
{
    0%   {transform:scale3d(1,1,1);}
    100% {transform:scale3d(0,0,0);}
}
@-webkit-keyframes fadeOut
{
  from{opacity:1;}
  to{opacity:0;}
}
@-webkit-keyframes fadeint
{
  from{opacity:0;}
  to{opacity:1;}
}
@-webkit-keyframes shaft
{
  from{height: 0.85rem;}
  to{height: 10.38rem;}
}
@-webkit-keyframes shaft_1
{
  from{opacity:0;transform:translatex(-100px);}
  to{opacity:1;transform:translatex(0);}
}
@-webkit-keyframes shaft_2
{
  from{opacity:0;transform:translatex(100px);}
  to{opacity:1;transform:translatex(0);}
}
@-webkit-keyframes shaft_out
{
  from{height: 10.38rem;}
  to{height: 0.85rem;}
}
@-webkit-keyframes shaft_1_out
{
  from{opacity:0;transform:translatex(0);}
  to{opacity:1;transform:translatex(-100px);}
}
@-webkit-keyframes shaft_2_out
{
  from{opacity:0;transform:translatex(0);}
  to{opacity:1;transform:translatex(150px);}
}
@-webkit-keyframes click
{
  from{transform:translatex(10px);}
  to{transform:translatex(0);}
}