/* Main styles */
.text--transparent {
  fill: transparent;
}

.anim-shape {
  -webkit-transform-origin: 0 150px;
  -ms-transform-origin: 0 150px;
  transform-origin: 0 150px;
  -webkit-transform: scale(0, 1) translate(0, 0);
  -ms-transform: scale(0, 1) translate(0, 0);
  transform: scale(0, 1) translate(0, 0);
  -webkit-animation: moving-panel 2s infinite alternate;
  animation: moving-panel 2s infinite alternate;
}

.colortext .anim-shape:nth-child(5) {
  fill: #f2385a;
}
.colortext .anim-shape:nth-child(4) {
  fill: #f5a503;
}
/* .colortext .anim-shape:nth-child(3) {fill: #E9F1DF;} */
.colortext .anim-shape:nth-child(3) {
  fill: #f5a503;
}
/* .colortext .anim-shape:nth-child(2) {fill: #56D9CD;} */
.colortext .anim-shape:nth-child(2) {
  fill: #e9f1df;
}
/* .colortext .anim-shape:nth-child(1) {fill: #3AA1BF;} */
.colortext .anim-shape:nth-child(1) {
  fill: #56d9cd;
}

/* .colortext .anim-shape:nth-child(5) {fill: #F2385A;}
.colortext .anim-shape:nth-child(4) {fill: #56D9CD;}
.colortext .anim-shape:nth-child(3) {fill: var(--main_color2);}
.colortext .anim-shape:nth-child(2) {fill: var(--main_color4);}
.colortext .anim-shape:nth-child(1) {fill: var(--main_color6);} */

.shadow {
  -webkit-transform: translate(3px, 3px);
  -ms-transform: translate(3px, 3px);
  transform: translate(3px, 3px);
}

.anim-shape--shadow {
  fill: #000;
  fill-opacity: 0.2;
}

@-webkit-keyframes moving-panel {
  100% {
    -webkit-transform: scale(1, 1) translate(0px, 0);
    transform: scale(1, 1) translate(0px, 0);
  }
}

@keyframes moving-panel {
  100% {
    -webkit-transform: scale(1, 1) translate(0px, 0);
    transform: scale(1, 1) translate(0px, 0);
  }
}

#tail text {
  font: 30px/1 Open Sans, Impact;
  /* text-transform: uppercase; */
  font-family: "Merienda", cursive;
  /* fill: var(--main_color6); */
}

#top_logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

#top_logo .name22 {
  font-weight: 500;
  color: #545454;
  text-align: center;
  margin-bottom: 0;
}

@media (max-width: 969px) {
  #top_logo .name22 {
    left: 4px;
    bottom: -15px;
  }
}

#svg_wrap {
  width: 140px;
}