/* SWING SWING SWING SWING SWING SWING SWING*/
.swing{
    animation: swingFrames linear 5s;
    animation-iteration-count: 1;
    transform-origin: 50% 0%;
    -webkit-animation: swingFrames linear 5s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 0%;
    -moz-animation: swingFrames linear 5s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 0%;
    -o-animation: swingFrames linear 5s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 0%;
    -ms-animation: swingFrames linear 5s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 0%;
  }
  
  @keyframes swingFrames{
    0% {
      transform:  rotate(0deg) ;
    }
    20% {
      transform:  rotate(15deg) ;
    }
    40% {
      transform:  rotate(-10deg) ;
    }
    60% {
      transform:  rotate(5deg) ;
    }
    80% {
      transform:  rotate(-5deg) ;
    }
    100% {
      transform:  rotate(0deg) ;
    }
  }
  
  @-moz-keyframes swingFrames{
    0% {
      -moz-transform:  rotate(0deg) ;
    }
    20% {
      -moz-transform:  rotate(15deg) ;
    }
    40% {
      -moz-transform:  rotate(-10deg) ;
    }
    60% {
      -moz-transform:  rotate(5deg) ;
    }
    80% {
      -moz-transform:  rotate(-5deg) ;
    }
    100% {
      -moz-transform:  rotate(0deg) ;
    }
  }
  
  @-webkit-keyframes swingFrames {
    0% {
      -webkit-transform:  rotate(0deg) ;
    }
    20% {
      -webkit-transform:  rotate(15deg) ;
    }
    40% {
      -webkit-transform:  rotate(-10deg) ;
    }
    60% {
      -webkit-transform:  rotate(5deg) ;
    }
    80% {
      -webkit-transform:  rotate(-5deg) ;
    }
    100% {
      -webkit-transform:  rotate(0deg) ;
    }
  }
  
  @-o-keyframes swingFrames {
    0% {
      -o-transform:  rotate(0deg) ;
    }
    20% {
      -o-transform:  rotate(15deg) ;
    }
    40% {
      -o-transform:  rotate(-10deg) ;
    }
    60% {
      -o-transform:  rotate(5deg) ;
    }
    80% {
      -o-transform:  rotate(-5deg) ;
    }
    100% {
      -o-transform:  rotate(0deg) ;
    }
  }
  
  @-ms-keyframes swingFrames {
    0% {
      -ms-transform:  rotate(0deg) ;
    }
    20% {
      -ms-transform:  rotate(15deg) ;
    }
    40% {
      -ms-transform:  rotate(-10deg) ;
    }
    60% {
      -ms-transform:  rotate(5deg) ;
    }
    80% {
      -ms-transform:  rotate(-5deg) ;
    }
    100% {
      -ms-transform:  rotate(0deg) ;
    }
  }
  
/* TADA TADA TADA TADA TADA TADA TADA TADA */
  .tada{
    animation: tadaFrames linear 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: tadaFrames linear 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: tadaFrames linear 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: tadaFrames linear 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: tadaFrames linear 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
  }
  
  @keyframes tadaFrames{
    0% {
      transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
    }
    10% {
      transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    20% {
      transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    30% {
      transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    40% {
      transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    50% {
      transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    60% {
      transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    70% {
      transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    80% {
      transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    90% {
      transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    100% {
      transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
    }
  }
  
  @-moz-keyframes tadaFrames{
    0% {
      -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
    }
    10% {
      -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    20% {
      -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    30% {
      -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    40% {
      -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    50% {
      -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    60% {
      -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    70% {
      -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    80% {
      -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    90% {
      -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    100% {
      -moz-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
    }
  }
  
  @-webkit-keyframes tadaFrames {
    0% {
      -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
    }
    10% {
      -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    20% {
      -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    30% {
      -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    40% {
      -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    50% {
      -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    60% {
      -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    70% {
      -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    80% {
      -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    90% {
      -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    100% {
      -webkit-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
    }
  }
  
  @-o-keyframes tadaFrames {
    0% {
      -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
    }
    10% {
      -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    20% {
      -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    30% {
      -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    40% {
      -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    50% {
      -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    60% {
      -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    70% {
      -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    80% {
      -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    90% {
      -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    100% {
      -o-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
    }
  }
  
  @-ms-keyframes tadaFrames {
    0% {
      -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
    }
    10% {
      -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    20% {
      -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
    }
    30% {
      -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    40% {
      -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    50% {
      -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    60% {
      -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    70% {
      -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    80% {
      -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
    }
    90% {
      -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
    }
    100% {
      -ms-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
    }
  }