* {
  margin: 0;
  padding: 0;
}

body {
  overflow: hidden;
}

.sky {
  width: 100%;
  height: 100vh;
  position: absolute;
  background: url("images/background.jpg") no-repeat;
  position: absolute;
  /* background-size: 100%; */
}

.tree {
  height: 100vh;
  width: 100%;
  background: url("images/trees.png") no-repeat;
  background-size: cover;
  position: absolute;
  top: -144px;
}

.track {
  background-size: cover;
  height: 60vh;
  width: 1800vh;
  background: url("images/track.png") repeat-x;
  position: absolute;
  top: 70vh;
  animation: trackMove linear .01s infinite;
}

.car {
  height: 100px;
  width: 380px;
  background: url("images/car_body.png") no-repeat;
  background-size: cover;
  position: absolute;
  left: 279px;
  bottom: 28vh;
  animation: shake linear 3s infinite;

}

.wheel1 img {
  width: 77px;
  position: relative;
  top: 33px;
  left: 44px;
  animation: wheelRotate linear .03s infinite;


}

.wheel2 img {
  width: 77px;
  position: relative;
  top: -42px;
  left: 235px;
  animation: wheelRotate linear .03s infinite;
}

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

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

@keyframes shake {
  0% {
    transform: translateY(-5px);
  }

  50% {
    transform: translateY(5px);

  }

  100% {
    transform: translateY(-5px);

  }
}