body{
  text-align:center;
}
.box{
  text-align:left;
  width:auto;
  height:auto;
}
h3{
  position:relative;
  -webkit-animation-moz-animation:h3Animation 5s;
}
h1{ 
  position:relative;
  -webkit-animation-moz-animation:h1Animation 5s;
}
h2{
  position:relative;
  -webkit-animation-moz-animation:h2Animation 5s;
}
canvas{
  position:relative;
  -webkit-animation-moz-animation:canvasAnimation 5s;
}
                                          
@-webkit-keyframes canvasAniation {
  0% {-webkit-transform:rotate(90deg)}
}
@-webkit-keyframes h1Animation { 
  0% {-webkit-transform:rotate(0deg)}
  25% {-webkit-transform:rotate(90deg)}
  50%  {-webkit-transform:rotate(0deg)}
  75%  {-webkit-transform:rotate(0deg)}
  100%  {-webkit-transform:rotate(0deg)}
}
@-webkit-keyframes h2Animation{
      0%   {-webkit-transform: scale(1,2);}
      25%   {-webkit-transform: scale(2,3);}
      50%   {-webkit-transform: scale(3,4);}
      75%   {-webkit-transform: scale(4,5);}
      100%   {-webkit-transform: scale(0,0);}
}
@-webkit-keyframes h2Animation{
      0%   {-webkit-transform: scale(0,0);}
      50%   {-webkit-transform: scale(0,0);}
      100%   {-webkit-transform: scale(100,100);}
}