@import url('https://fonts.googleapis.com/css?family=Indie+Flower');body{
    background-color: hsl(210, 5%, 12%);
}
.cont{
  margin:80px auto;
  width:80%;
}
.is-animate {
    /*#ffb200*/
    background: #ff0000c7;
    box-sizing: border-box;
    font-size: 66px;
    display: -webkit-inline-box;
    padding: 14px;
    border-radius: 7px;
}
.is-animate > div {
    animation-name: style;
    display: -webkit-inline-box;
    color: #fff;
    padding: 9px;
    background: #ffb200;
    font-family: 'Indie Flower', cursive;
    box-shadow: 2px 2px 9px 2px;
}
.l{
  animation: letterspacing 1s infinite alternate cubic-bezier(.2, 0, 0, 1);
}

.is-animate > div {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

.is-animate > div:nth-child(1) { animation-delay: 0.0s }
.is-animate > div:nth-child(2) { animation-delay: 0.1s }
.is-animate > div:nth-child(3) { animation-delay: 0.2s }
.is-animate > div:nth-child(4) { animation-delay: 0.3s }
.is-animate > div:nth-child(5) { animation-delay: 0.4s }
.is-animate > div:nth-child(6) { animation-delay: 0.5s }
.is-animate > div:nth-child(7) { animation-delay: 0.6s }


@keyframes style {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    box-shadow: 0px 0px 0px 0px;
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, .95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes letterspacing {
  0% {
    filter: blur(0.1rem);
  }
  
  
  100% {
    filter: blur(0.5rem);
  }
    to {
       letter-spacing: none;
        filter: blur(0rem);
  }
}