.logo-text {
  animation: moving-text 1.5s forwards;
}

.logo-background {
  fill: transparent;
}

.s-logo.top {
  fill: #CCCCCC;
  animation: moving-logo 1.6s forwards;
}
.s-logo.mid {
  fill: #436959;
  animation: moving-logo 1.3s forwards;
}
.s-logo.end {
  fill: #1B1B1B;
  animation: moving-logo 1s forwards;
}

.big-letter.first {
  fill: #1B1B1B;
  animation: moving-letter 1.4s forwards;
}
.big-letter.second {
  fill: #1B1B1B;
  animation: moving-letter 1.1s forwards;
}
.big-letter.third {
  fill: #1B1B1B;
  animation: moving-letter 0.8s forwards;
}
.big-letter.fourth {
  fill: #1B1B1B;
  animation: moving-letter 0.5s forwards;
}

.st7 {
  animation: moving-letter 0.8s forwards;
  fill: rgb(252, 253, 245);
}

.st8 {
  animation: moving-letter 0.5s forwards;
  fill: rgb(252, 253, 245);
}

.st9 {
  animation: moving-letter 1.4s forwards;
  fill: rgb(252, 253, 245);
}

.letter.l1 {
  fill: #1B1B1B;
  animation: moving-letter 1.5s forwards;
}
.letter.l2 {
  fill: #1B1B1B;
  animation: moving-letter 1.4s forwards;
}
.letter.l3 {
  fill: #1B1B1B;
  animation: moving-letter 1.3s forwards;
}
.letter.l4 {
  fill: #1B1B1B;
  animation: moving-letter 1.2s forwards;
}
.letter.l5 {
  fill: #1B1B1B;
  animation: moving-letter 1.1s forwards;
}
.letter.l6 {
  fill: #1B1B1B;
  animation: moving-letter 1s forwards;
}
.letter.l7 {
  fill: #1B1B1B;
  animation: moving-letter 0.9s forwards;
}
.letter.l8 {
  fill: #1B1B1B;
  animation: moving-letter 0.8s forwards;
}

@keyframes moving-logo {
  0% {
    transform: translate(-100px, -100px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes moving-letter {
  0% {
    transform: translate(-150px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}

/*# sourceMappingURL=animated-logo.css.map */