test.css

body,
header,
footer {
    margin: 0 auto;
    padding: 3px 8px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    background: transparent url('../img/bg.png') repeat-x;
    background-color: #ececec;
    -moz-box-shadow: 
        inset 0 1px 0 #fff,
        0 1px 5px #f1f1f1;
    box-shadow: 
        inset 0 1px 0 #fff,
        0 1px 5px #f1f1f1;
}
 
[class^="icon-"]:before,
[class*=" icon-"]:before {
    content: ‘\e80d’;
    width: 2%;
    font-family: "manoz";
}
 
.prout {
    color: red;
}
 
.animations:nth-last-child(1) {
    -webkit-animation-name: prout;
    -moz-animation-name: prout;
    -o-animation-name: prout;
    animation-name: prout;
    animation-duration: 1.6s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-direction: linear;
    -webkit-animation-delay: .48s;
    -moz-animation-delay: .48s;
    -ms-animation-name: prout;
    -ms-animation-iteration-count: infinite;
    -ms-animation-delay: .48s;
}
 
@-moz-keyframes prout {
    50% {
        -moz-transform: scale(1.0);
        transform: scale(1.0);
    }
}
 
@keyframes "prout" {
    50% {
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
        transform: scale(1.0);
    }
}