*{
    margin:0;
    padding:0;
    
}
body{
    overflow: hidden;
}
.sky{
    height: 100vh;
    width: 100%;
    background-image: url('https://raw.githubusercontent.com/AniketPandey3601/Moving-Car/master/sky.webp');
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
   
    
}
.trees{
    height: 100vh;
    width:100%;
    background-image: url('https://raw.githubusercontent.com/AniketPandey3601/Moving-Car/master/base.png');
    background-size: cover;
    position: absolute;
   
}
.track{
    height:20vh;
    width:800vw;
    background-image: url('https://raw.githubusercontent.com/AniketPandey3601/Moving-Car/master/track.png');
    
    position: absolute;
    bottom: -10px;
    animation: carmove linear 2s infinite;
    /* animation-direction: alternate; */

}
.car img{
    height:130px;
    background-size:35px;
    background-repeat: no-repeat;
    
    position: absolute;
    top: 65vh;
    left: 55vh;
    animation: shake linear 3s infinite reverse
   
}





@keyframes carmove
 {
    100%{
        transform:translate(-500vw);
    }
}
@keyframes shake {
    
    0%{
        transform: translateY(-3px);
    }

    50%{
        transform:translatey(3px);
    
    }
    100%{
        transform: translate(-3px);
    }
}