@keyframes slideInFromLeft {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  50% {
  	opacity: 0.3;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes rotateUp {
  0% {
    transform:  translateX(0) rotate(0deg);
    transform-origin: bottom left;
  }
  100% {
    transform:  translateX(20%) translateY(8%) rotate(-35deg);
    transform-origin: bottom left;
  }
}

@keyframes rotateDown {
  0% {
    transform:  translateX(20%) translateY(8%) rotate(-35deg);
    transform-origin: bottom left;
  }
  100% {
    transform:  translateX(0) rotate(0deg);
    transform-origin: bottom left;
  }
}


.lv-bg {
  animation: 1.5s ease-out 0s 1 slideInFromLeft;
}

@keyframes slideInBiker {
  0% {
    transform: translateX(-150%);
  }
  100% {
    transform: translateX(0);
  }
}

.biker-anim {
 animation: 1.5s ease-out 0s 1 slideInBiker, idle-bike 3s 1.5s linear infinite; 
}