svg {
  width: 100%;
}

.swing {
  animation: swing 2s ease-in-out infinite;
  transform-origin: center;
}
circle.swing {
  animation: swing 2s ease-in-out infinite;
}
@-webkit-keyframes swing{
    0%{-webkit-transform: rotate(2deg);}
    50%{-webkit-transform: rotate(-2deg)}
    100%{-webkit-transform: rotate(2deg);}
}


/* - - - - - - - - */
.braindrink {
  animation: braindrink .7s ease-in-out infinite;
  transform-origin: center;
}
@keyframes braindrink {
  0% { height: 20px; }
   3% { transform: translate(0px, 10px); height: 1px; }
   50% { transform: translate(0px, 0px); height: 20px; }
 }


.blink {
  animation: blink 3s ease-in-out infinite;
  transform-origin: center;
}
@-webkit-keyframes blink{
  0% {
   -webkit-transform: scale(1);
           transform: scale(1);
   -webkit-transform-origin: center center;
           transform-origin: center center;
 }
 50% {
  -webkit-transform: scale(0.7) rotate(20deg);
          transform: scale(0.7) rotate(20deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
 100% {
   -webkit-transform: scale(1);
           transform: scale(1);
   -webkit-transform-origin: center center;
           transform-origin: center center;
 }
}

.blink1 {
  animation: blink 2s ease-in-out infinite;
}
@-webkit-keyframes blink1{

 20% {
  -webkit-transform: scale(0.7) rotate(-90deg);
          transform: scale(0.7) rotate(-90deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

}