*{
    margin: 0;
    padding: 0;
}

body{
    overflow: hidden;
    animation: bodymove linear 4s infinite;
}
.sky{
background-image: url("background.jpg");
height: 100vh;
width: 100vw;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
}

.trees {
position: absolute;
/* top: 100vh; */
height: 100vh;
width: 100vw;
background-size: cover;
/* animation: bodymove linear .6s infinite; */
animation: carmove linear .6s infinite;

}
.track{
    position: absolute;
    height: 60vh;
    width: 800vw;
    top: 629px;
    background-repeat: repeat-x;
    animation: trackmove linear 6s infinite;
    background-image: url(track.png);
}

.car{
    height: 100px;
    width: 318px;
    background-image: url(car_body.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 543px;
    left: 274px;
    animation: carmove linear .6s infinite;
}

.wheel-1{
     background-image: url(car_wheel_left.png);
    position: relative;
    width: 65px;
    height: 68px;
    top: 36px;
    left: 43px;
    background-size: cover;
    animation: wheelrotation linear .6s infinite;
}
.wheel-2{
    background-image: url(car_wheel_right.png);
    position: relative;
    width: 65px;
    height: 68px;
    top: -30px;
    left: 219px;
    background-size: cover;
    animation: wheelrotation linear .6s infinite;

}

@keyframes wheelrotation{
    100%{
        transform: rotate(360deg);
    }
}

@keyframes trackmove{
    100%{
        transform: translateX(-500vw);
    }
}

@keyframes carmove{
0%{
transform: translateY(-5px);
}
50%{
transform: translateY(5px);
}
100%{
  transform: translateY(-5px);  
}
}

@keyframes bodymove{
0%{
transform: translateY(-9px);
}
50%{
transform: translateY(9px);
}
100%{
  transform: translateY(-9px);  
}
}