@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes grow {
  0% {
    -webkit-transform: rotate(0deg);
    /*transform: scale(1, 1);*/ }

  100% {
    -webkit-transform: rotate(240deg);
    /*transform: scale(1, 1);*/ } }

#stage {
  background-color: #fff;
  width: 1024px;
  height: 1386px;
  margin: auto;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; }

#hand1 {
  transform-origin: 192px 53px; }

.svgLoaded #hand1, .svgLoaded #design, .svgLoaded #build, .svgLoaded #complain, .svgLoaded #beer {
  -webkit-animation: grow 6s ease-in-out; /* SPEED! */
  -moz-animation: grow 0.25s ease-in-out;
  -ms-animation: grow 0.25s ease-in-out;
  -o-animation: grow 0.25s ease-in-out;
  animation: grow 0.25s ease-in-out;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -ms-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards; }
.svgLoaded #hand1 {
  -webkit-animation-delay: 0; /* Initial delay */
  -moz-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s; }