@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.4, 1.4, 1.4) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.4, 1.4, 1.4) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.4, 1.4, 1.4) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.4, 1.4, 1.4) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.4, 1.4, 1.4) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.4, 1.4, 1.4) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.4, 1.4, 1.4) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.4, 1.4, 1.4) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes content-alert {
  0%,
  100% {
    background-color: rgba(255, 255, 255, 0.6);
  }

  50% {
    background-color: rgba(177, 210, 174, 1);
  }
}

.content-alert {
  animation: content-alert infinite 0.5s;
}

@keyframes programming-alert {
  0%,
  100% {
    background-color: rgba(255, 255, 255, 0.6);
  }

  50% {
    background-color: rgba(167, 219, 248, 1);
  }
}

.programming-alert {
  animation: programming-alert infinite 0.5s;
}

@keyframes designer-alert {
  0%,
  100% {
    background-color: rgba(255, 255, 255, 0.6);
  }

  50% {
    background-color: rgba(250, 219, 168, 1);
  }
}

.designer-alert {
  animation: designer-alert infinite 0.5s;
}

@keyframes marketing-alert {
  0%,
  100% {
    background-color: rgba(255, 255, 255, 0.6);
  }

  50% {
    background-color: rgba(251, 198, 209, 1);
  }
}

.marketing-alert {
  animation: marketing-alert infinite 0.5s;
}

.tada {
  -webkit-animation: tada infinite 1s;
  animation: tada infinite 1s;
}