@-webkit-keyframes animate-bird {
    from {background-position: 0px 0px}
    to {background-position: -900px 0px}
}

@-moz-keyframes animate-bird {
    from {background-position: 0px 0px}
    to {background-position: -900px 0px}
}

@keyframes animate-bird {
    from {background-position: 0px 0px}
    to {background-position: -900px 0px}
}

#bird_01 {
    background: url("./graphics/bird_01_sprite.png");
}

#bird_02 {
    background: url("./graphics/bird_02_sprite.png");
}

.bird {
    height:150px;
    width:150px;
    margin: 0 auto;
}

.bird:hover {
    cursor: pointer;
}

.birdTalking { 
    -webkit-animation: animate-bird 1.5s 0s steps(6) infinite;
    -moz-animation: animate-bird 1.5s 0s steps(6) infinite;                                                
    animation: animate-bird 1.5s 0s steps(6) infinite;
}