@charset "utf-8";

/* Effects */

.opacity-hover:hover {
   opacity: 0.7;
}
.zoom-hover {
   transition: all 0.3s ease;
}
.zoom-hover:hover {
   transform: scale(1.05);
   transition: all 0.4s ease;
}
.rotate {
   transition: 0.2s;
}
.rotate:hover {
   transition: 0.3s;
   transform: rotate(-3deg);
}
.swing {
   transition: all 0.2s ease-in-out;
}
.swing:hover {
   animation: swing 1s ease;
   animation-iteration-count: 1;
}
@keyframes swing {
   15% {
      -webkit-transform: translateX(5px);
      transform: translateX(5px);
   }
   30% {
      -webkit-transform: translateX(-5px);
      transform: translateX(-5px);
   }
   50% {
      -webkit-transform: translateX(3px);
      transform: translateX(3px);
   }
   65% {
      -webkit-transform: translateX(-3px);
      transform: translateX(-3px);
   }
   80% {
      -webkit-transform: translateX(2px);
      transform: translateX(2px);
   }
   100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
   }
}