@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes shift {
  0% {
    transform: skew(0deg, 0deg);
  }
  50% {
    transform: skew(135deg, 90deg);
  }
  100% {
    transform: skew(0deg, 0deg);
  }
}

@keyframes zoom {
  0% {
    transform: scaleX(1.5) scaleY(0.75);
  }
  30% {
    transform: scaleX(1) scaleY(1.5);
  }
  100% {
    transform: scaleX(1.5) scaleY(0.75);
  }
}

body {
  .container {
    position: relative;
    top: 3em;
  }

  .rotation {
    transform: rotate(27deg);
    animation: rotation 8s infinite cubic-bezier(0.1, 0.7, 0.4, 0.1);
  }

  .shift {
    animation: shift 13s infinite linear;
  }

  .zoom {
    animation: zoom 5s infinite cubic-bezier(0.25, 0.1, 0.50, 1);
  }

  h1 {
    text-align: center;
    margin-top: 2.5em;
    font-size: 3.5em;
    width: 100%;
  }
}