.moveDown{
     position: relative;
     animation:md 1.5s;
     -moz-animation:md 1.5s; /* Firefox */
     -webkit-animation:md 1.5s; /* Safari and Chrome */
     -o-animation:md 1.5s; /* Opera */
 }
@keyframes md
{
    0%   {top:80px;opacity:0.3;}
    100% {top:0px;opacity:1;}
}

@-moz-keyframes md /* Firefox */
{
    0%   {top:80px;opacity:0.3;}
    100% {top:0px;opacity:1;}
}

@-webkit-keyframes md /* Safari and Chrome */
{
    0%   {top:80px;opacity:0.3;}
    100% {top:0px;opacity:1;}
}

@-o-keyframes md /* Opera */
{
    0%   {top:80px;opacity:0.3;}
    100% {top:0px;opacity:1;}
}

.moveOn{
    position: relative;
    animation:mo 1.5s;
    -moz-animation:mo 1.5s; /* Firefox */
    -webkit-animation:mo 1.5s; /* Safari and Chrome */
    -o-animation:mo 1.5s; /* Opera */
}
@keyframes mo
{
    0%   {top:-80px;opacity:0.3;}
    100% {top:0px;opacity:1;}
}

@-moz-keyframes mo /* Firefox */
{
    0%   {top:-80px;opacity:0.3;}
    100% {top:0px;opacity:1;}
}

@-webkit-keyframes mo /* Safari and Chrome */
{
    0%   {top:-80px;opacity:0.3;}
    100% {top:0px;opacity:1;}
}

@-o-keyframes mo /* Opera */
{
    0%   {top:-80px;opacity:0.3;}
    100% {top:0px;opacity:1;}
}

.big{
    position: relative;
    animation:biger 1s;
    -moz-animation:biger 1s; /* Firefox */
    -webkit-animation:biger 1s; /* Safari and Chrome */
    -o-animation:biger 1s; /* Opera */
}
@keyframes biger
{
    0%   {width: 60px;height: 60px;transform: rotate(0deg);}
    100% {width: 110px;height: 110px;transform: rotate(360deg);}
}

@-moz-keyframes biger /* Firefox */
{
    0%   {width: 60px;height: 60px;transform: rotate(0deg);}
    100% {width: 110px;height: 110px;transform: rotate(360deg);}
}

@-webkit-keyframes biger /* Safari and Chrome */
{
    0%   {width: 60px;height: 60px;transform: rotate(0deg);}
    100% {width: 110px;height: 110px;transform: rotate(360deg);}
}

@-o-keyframes biger /* Opera */
{
    0%   {width: 60px;height: 60px;transform: rotate(0deg);}
    100% {width: 110px;height: 110px;transform: rotate(360deg);}
}

.rotate{
    position: relative;
    animation:rtt 1s;
    -moz-animation:rtt 1s; /* Firefox */
    -webkit-animation:rtt 1s; /* Safari and Chrome */
    -o-animation:biger 1s; /* Opera */
}
@keyframes rtt
{
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@-moz-keyframes rtt /* Firefox */
{
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@-webkit-keyframes rtt /* Safari and Chrome */
{
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@-o-keyframes rtt /* Opera */
{
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}