html,
body {
  margin: 0px;
}

.TransLizBox {
  display: grid;
  height: 100%;
}
.TransLizzy {
  max-width: 100%;
  max-height: 100vh;
}

.st0 {
stroke-dasharray: 100%;
stroke-dashoffset: 100%;
animation: DashOffset 6s cubic-bezier(0.4, 0, 1, 1) infinite;
animation-direction: alternate
}

.st10 {
  animation: StrokeIncrease 6s ease infinite;
  animation-direction: alternate
  }

  
  @keyframes StrokeIncrease {
    from {
        stroke-width: 3;
    }
  
    to {
        stroke-width: 8;
    }
  }
  
  @keyframes DashChange {
    from {
      stroke-dasharray: 0;
      stroke-width: 6;
  }

  to {
    stroke-dasharray: 16;
    stroke-width: 10;
  }
  }

  @keyframes DashOffset {
    from {
      stroke-dashoffset: 100%;
    }
    to {
      stroke-dashoffset: 0%;
    }
  }

  *{ 
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
  }