@keyframes farjanAnimate
{
    0%    {bottom:0px;}
    50%   {bottom:-10px;}
    100%  {bottom:0px;} 
}

@keyframes rubbleAnimate
{
    0%    {left:130%;}
    100%  {left:-1000px;}
}

@keyframes animateText
{
    0%    {color:#FFFFFF;transform:rotate(10deg);}
    20%   {color:#FF3333;}
    40%   {color:#33FF33;}
    60%   {color:#3333FF;transform:rotate(-10deg);}
    80%   {color:#FF33FF;}
    100%  {color:#FFFFFF;transform:rotate(10deg);}
}

canvas {
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;

}