@-webkit-keyframes animate-gnomie {
    from {background-position: 0px 0px}
    to {background-position: -1350px 0px}
}

@-moz-keyframes animate-gnomie {
    from {background-position: 0px 0px}
    to {background-position: -1350px 0px}
}

@keyframes animate-gnomie {
    from {background-position: 0px 0px}
    to {background-position: -1350px 0px}
}

.gnomie {
    height:150px;
    width:150px;
    /*margin: 0 auto;*/
}

#gnomie {
    
    background: url("./graphics/gnomie/gnomie.spritesheet.png");                
    background-size: 1350px 150px;
}

.gnomieWorking {
    -webkit-animation: animate-gnomie 1.0s 0s steps(9) infinite;
    -moz-animation: animate-gnomie 1.0s 0s steps(9) infinite;                                                
    animation: animate-gnomie 1.0s 0s steps(9) infinite;
}