@keyframes scalelarge {
  from {
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
  to {
    background-size: 120%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
}
@-webkit-keyframes scalelarge {
  from {
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
  to {
    background-size: 120%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
}
@-moz-keyframes scalelarge {
  from {
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
  to {
    background-size: 120%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
}
@-o-keyframes scalelarge {
  from {
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
  to {
    background-size: 120%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
}

@keyframes scalesmall {
  from {
    background-size: 120%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
  to {
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
}
@-webkit-keyframes scalesmall {
  from {
    background-size: 120%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
  to {
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
}
@-moz-keyframes scalesmall {
  from {
    background-size: 120%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
  to {
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
}
@-o-keyframes scalesmall {
  from {
    background-size: 120%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
  to {
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 50%;
  }
}

@keyframes open {
  from {
    transform: rotate(-90deg);
  }
  to {
    transform: rotate(-180deg);
  }
}
@-webkit-keyframes open {
  from {
    transform: rotate(-90deg);
  }
  to {
    transform: rotate(-180deg);
  }
}
@-moz-keyframes open {
  from {
    transform: rotate(-90deg);
  }
  to {
    transform: rotate(-180deg);
  }
}
@-o-keyframes open {
  from {
    transform: rotate(-90deg);
  }
  to {
    transform: rotate(-180deg);
  }
}

@keyframes close {
  from {
    transform: rotate(-180deg);
  }
  to {
    transform: rotate(-90deg);
  }
}
@-webkit-keyframes close {
  from {
    transform: rotate(-180deg);
  }
  to {
    transform: rotate(-90deg);
  }
}
@-moz-keyframes close {
  from {
    transform: rotate(-180deg);
  }
  to {
    transform: rotate(-90deg);
  }
}
@-o-keyframes close {
  from {
    transform: rotate(-180deg);
  }
  to {
    transform: rotate(-90deg);
  }
}

@keyframes lbu {
  from {
    margin-left: 100%;
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  to {
    margin-left: 0;
    opacity: 1;
  }
}