.myname {
    font-family: custom-ariz;
    stroke-dasharray: 2000;
    stroke-dashoffset: 0;
    fill: #ffffff;
    position: absolute;
    top: 50px;
    left: 50px;
}
.anim-text{  
    -webkit-animation:    dash 3s ease-in both 300ms;
    -moz-animation:       dash 3s ease-in both 300ms;
    -ms-animation:        dash 3s ease-in both 300ms;
    -o-animation:         dash 3s ease-in both 300ms;
    animation:            dash 3s ease-in both 300ms;
}
#title-layer1{
    stroke: #222;
    stroke-width: 5.6;
}
#sub-title{
    font-family: Montserrat, sans-serif;
    font-size: 50px;
    text-anchor: middle;
    fill: #222;
}


@-webkit-keyframes dash {
  0% { stroke-dashoffset: 2000; }
  100% { stroke-dashoffset: 0; }
}
@-moz-keyframes dash {
  0% { stroke-dashoffset: 2000; }
  100% { stroke-dashoffset: 0; }
}
@-ms-keyframes dash {
  0% { stroke-dashoffset: 2000; }
  100% { stroke-dashoffset: 0; }
}
@-o-keyframes dash {
  0% { stroke-dashoffset: 2000; }
  100% { stroke-dashoffset: 0; }
}
@keyframes dash {
  0% { stroke-dashoffset: 2000; }
  100% { stroke-dashoffset: 0; }
}