.sign_msp {
  /*min-height: 100vh;*/
  /*display: flex;*/
  text-align: center;
  /*align-items: center;*/
}

.autograph {
  /*width: 500px;*/
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 35%;
  padding-bottom: 10%;
}

.autograph__path {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.animated .autograph__path {
  opacity: 1;
  -webkit-animation-name: line;
  animation-name: line;
}

@keyframes line {
  100% {
    stroke-dashoffset: 0;
  }
}