.game{
    position: absolute;
    background-image: url(../img/bg.jpg);
    background-size: 100% 100%;
    z-index:1;
}

.player{
    position: absolute;
    z-index: 999;
}
.playerInner{
    width:100%;
    height:100%;
    background-image: url(../img/shaker.png);
    background-size: cover;
    animation-timing-function: ease-in-out;
}
.fruit{
    position: absolute;
    background-image: url(../img/fruit1.png);
    background-size: cover;
}
.hud{
    position: absolute;
    display: flex;
    align-items: center;
    background-image: url(../img/glassicon.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.hud .meter{
    position: absolute;
    width:210px;
    height:17px;
    border:2px solid #9e3cb3;
    right:0;
    border-radius: 10px;
    background-color: #00ffff47;
    overflow: hidden;
}

.hud .meter .inner{
    width:100%;
    height:100%;
    border-radius: 10px;
    background-image: url(../img/innermeter.jpg);
    background-size: 50px;
    animation: meterAni 2s linear infinite;
}

@keyframes catch {
    0% {transform: scale(1);}
    40% {transform: scale(1.2);}
    70% {transform: scale(0.8);}
    100% {transform: scale(1);}
}

@keyframes meterAni {
    0% {background-position: 0px;}
    100% {background-position: 74px;}
}