body {
   margin: 0;
   padding: 0;
   background-image: url(char/gamebg.jpg);
background-size: cover;
}

#game {
    width: 1000;
    height: 1108.5px;
    border: 1px solid black;
    background-image: url(../images/gamebg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 1px -80px;
    position: relative;
}

#character {
    width: 120px;
    height: 200px;
    background-image: url(char/GraveRobber.png);
    background-size: cover;
    position: relative;
    top: 720px;
    left: 100px;
}

.animate {
    animation: jump 1s;
}

@keyframes jump {
    0% {
        top: 720px;
    }
    1% {
        background-image: url(char/GraveRobber_jump.png);
    }
    40% {
        top: 500px;
    }
    60% {
        top: 500px;
    }
    89% {
        background-image: url(char/GraveRobber_jump.png);
    }
    90% {
        background-image: url(char/GraveRobber.png);
    }
    100% {
        top: 720px;
        background-image: url(char/GraveRobber.png);
    }
}
#block {
    width: 130px;
    height: 130px;
    background-image: url(char/noemi-coute-bullet.gif);
    background-size: cover;
    position: relative;
    top: 580px;
    left: 120px;
    animation: block 2s infinite;
}

@keyframes block {
    0% {
        left: 1750px;
    }
    100% {
        left: -40px;
    }
}
