.animated {
  .coffee_break {
    #lines {
      animation-name: coffee_break_lines;
      animation-duration: 10s;
      animation-delay: -5s;
      animation-timing-function: ease-in-out;
      animation-direction: alternate;
      animation-iteration-count: infinite;
      
    }

    #person {
      animation-name: coffee_break_person;
      animation-duration: 10s;
      animation-delay: -5s;
      animation-timing-function: ease-in-out;
      animation-direction: alternate;
      animation-iteration-count: infinite;
      
    }
  }
}

@keyframes coffee_break_lines {
  0% {
    transform: translateX(500px);
    scale: 1 1;
  }

  100% {
    transform: translateX(-2000px);
    scale: 2 1;
  }
}

@keyframes coffee_break_person {
  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(1500px);
  }
}