/***************************************************
 * Generated by SVG Artista on 6/20/2022, 6:13:39 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

#anime{
  margin-top: -2%;
}

#myself{

}

 svg .svg-elem-1 {
  stroke-dashoffset: 4092px;
  stroke-dasharray: 4092px;
  -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
          transition: stroke-dashoffset 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
}

svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
}

svg .svg-elem-2 {
  stroke-dashoffset: 1052.8916015625px;
  stroke-dasharray: 1052.8916015625px;
  -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 4.12s;
          transition: stroke-dashoffset 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 4.12s;
}

svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
}

svg .svg-elem-3 {
  stroke-dashoffset: 1359.1680263507906px;
  stroke-dasharray: 1359.1680263507906px;
  -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 4.24s;
          transition: stroke-dashoffset 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 4.24s;
}

svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
}

svg .svg-elem-4 {
  stroke-dashoffset: 1647.26220703125px;
  stroke-dasharray: 1647.26220703125px;
  -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 4.36s;
          transition: stroke-dashoffset 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 4.36s;
}

svg.active .svg-elem-4 {
  stroke-dashoffset: 0;
}

svg .svg-elem-5 {
  stroke-dashoffset: 2423.81787109375px;
  stroke-dasharray: 2423.81787109375px;
  -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 4.48s;
          transition: stroke-dashoffset 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 4.48s;
}

svg.active .svg-elem-5 {
  stroke-dashoffset: 0;
}

svg .svg-elem-6 {
  stroke-dashoffset: 1039.041015625px;
  stroke-dasharray: 1039.041015625px;
  -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 4.6s;
          transition: stroke-dashoffset 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 4.6s;
}

svg.active .svg-elem-6 {
  stroke-dashoffset: 0;
}

svg .svg-elem-7 {
  stroke-dashoffset: 4094px;
  stroke-dasharray: 4094px;
  -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 4.72s;
          transition: stroke-dashoffset 2s cubic-bezier(0.445, 0.05, 0.55, 0.95) 4.72s;
}

svg.active .svg-elem-7 {
  stroke-dashoffset: 0;
}

/* Loading Animation Mobile */




/***************************************************
 * Generated by SVG Artista on 6/26/2022, 3:17:12 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 svg .mobile-load-1 {
  stroke-dashoffset: 4772px;
  stroke-dasharray: 2386px;
  -webkit-transition: stroke-dashoffset 3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s,
                        fill 3.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
          transition: stroke-dashoffset 3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s,
                fill 3.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

svg.active .mobile-load-1 {
  stroke-dashoffset: 2386px;
  fill: transparent;
}

svg .mobile-load-2 {
  stroke-dashoffset: 2114.437255859375px;
  stroke-dasharray: 1057.2186279296875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.22s,
                        fill 3.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: stroke-dashoffset 3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.22s,
                fill 3.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .mobile-load-2 {
  stroke-dashoffset: 1057.2186279296875px;
  fill: transparent;
}

svg .mobile-load-3 {
  stroke-dashoffset: 2020.2728271484375px;
  stroke-dasharray: 1010.1364135742188px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.44s,
                        fill 3.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
          transition: stroke-dashoffset 3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.44s,
                fill 3.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
}

svg.active .mobile-load-3 {
  stroke-dashoffset: 1010.1364135742188px;
  fill: transparent;
}

svg .mobile-load-4 {
  stroke-dashoffset: 1746.10595703125px;
  stroke-dasharray: 873.052978515625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.66s,
                        fill 3.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.66s,
                fill 3.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .mobile-load-4 {
  stroke-dashoffset: 873.052978515625px;
  fill: transparent;
}

svg .mobile-load-5 {
  stroke-dashoffset: 1851.598388671875px;
  stroke-dasharray: 925.7991943359375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.88s,
                        fill 3.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: stroke-dashoffset 3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.88s,
                fill 3.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .mobile-load-5 {
  stroke-dashoffset: 925.7991943359375px;
  fill: transparent;
}

svg .mobile-load-6 {
  stroke-dashoffset: 4772px;
  stroke-dasharray: 2386px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 3s cubic-bezier(0.645, 0.045, 0.355, 1) 1.1s,
                        fill 3.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
          transition: stroke-dashoffset 3s cubic-bezier(0.645, 0.045, 0.355, 1) 1.1s,
                fill 3.8s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s;
}

svg.active .mobile-load-6 {
  stroke-dashoffset: 2386px;
  fill: transparent;
}