.new_sprite {
animation: appearing .5s;
animation-fill-mode: both
}
  
.new_sprite_delay {
animation: appearing .5s;
animation-fill-mode: both;
animation-delay: .25s;
}

.hidden_sprite {
opacity: 0;
}


@keyframes appearing {
    from {
        opacity:0
    }
    to {
        opacity:1
    }
}

.new_sprite_disappear {
animation: appearing .5s;
animation-fill-mode: both;
}

.disappear  {
  animation: disappearing .5s;
  animation-fill-mode: both
}


.disappear_slow  {
  animation: disappearing 1s;
  animation-fill-mode: both
}


.disappear_delay  {
  animation: disappearing .5s;
  animation-fill-mode: both;
  animation-delay: .25s;
}

@keyframes disappearing {
  from {
      opacity:1
  }
  to {
      opacity:0
  }
}


.second {
    left: -44vh;
    top: 4.5vh;
}

.forth {
    left: 40vh;
    top: 4.5vh;
}

.forthx2 {
    left: 0vh;
    height: 150vh;
    top: 5.5vh;
}

.transparent_sprite {
    opacity: 0.0;
}  

.owner_left {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    left: -33vh;
}


.slow_showing_beer {
    opacity: 0;
    transition: opacity 1s ease-in;
    animation: showImage 3.75s forwards;
  }
  
  @keyframes showImage {
    0% {
      opacity: 0;
    }
    75% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  .hide_beer_hand {
    opacity: 1;
    transition: opacity 1s ease-out;
    animation: hideImage 5s forwards;
    top: 0.2vh;
    left: 0.1vh;
  }
  
  @keyframes hideImage {
    0% {
      opacity: 1;
    }
    80% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }

  .game_scenex2 {
      height: 187vh;
      width: auto;
      left: -104vh;
  }

  .game_scene1x2 {
    height: 140vh;
    width: 400vh;
    top: -0.5vh;
    left: -98vh;
  }