/* Anim - CSS */

.element {
  position: relative;
  left: 0;
  opacity: 1;
  transform: scale(1);
  transition:
    ease 2s left,
    ease 2s opacity,
    ease 2s transform;
}

.anim-scale {
  transform: scale(0);
}

.anim-left {
  left: -1200px;
}

.anim-right {
  left: 1200px;
}

.anim-fade {
  opacity: 0;
}

.anim-delay-1 {
  transition-delay: 0.5s;
}

.anim-delay-2 {
  transition-delay: 1s;
}

.anim-delay-3 {
  transition-delay: 1.5s;
}

/*Text starts in the middle and expands*/

.anim-text-expand {
  -webkit-animation: anim-text-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation: anim-text-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

@-webkit-keyframes anim-text-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

@keyframes anim-text-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

/*text starts blurry and then focuses */

.anim-unblur {
  -webkit-animation: anim-unblur 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: anim-unblur 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes anim-unblur {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

@keyframes anim-unblur {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}

/* Ken Burns slider animation slow zoom in */

.anim-kenburns-bottom {
  -webkit-animation: anim-kenburns-bottom 15s ease-out 1s infinite both;
  animation: anim-kenburns-bottom 15s ease-out 1s infinite both;
}

@-webkit-keyframes anim-kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
    transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(15px);
    transform: scale(1.25) translateY(15px);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
  }
}
@keyframes anim-kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
    transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(15px);
    transform: scale(1.25) translateY(15px);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
  }
}

/* - */

/*
.workspace
{
    overflow-x: hidden;
}    
*/