* {
    box-sizing: border-box;
    margin: 0em;
    }
svg path {
    stroke-dasharray:  2000;
    stroke-dashoffset:  2000;
    stroke:#8072F8;
    
    -webkit-animation: draw 10s linear 0s infinite;
    -moz-animation: draw 10s linear 0s infinite alternate;
    -o-animation: draw 10s linear 0s infinite alternate;
    animation: draw 10s linear 0s infinite alternate;
}

/* {
  stroke-width: 5;
  stroke-dasharray: 108233;
  stroke-dashoffset: 108233;
  animation-name: draw;
    animation-duration: 30s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
   
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

*/

a {
    text-decoration: none;
    border: none;
}


@-webkit-keyframes draw { to {
    stroke-dashoffset: 0;
  }
}
   @-moz-keyframes draw { to {
    stroke-dashoffset: 0;
  }
}
     @-o-keyframes draw { to {
    stroke-dashoffset: 0;
  }
}
        @keyframes draw { to {
    stroke-dashoffset: 0;
  }
}

body{
    padding: 1em 1em 1em 1em;
}


h1, h2, p {
    font-family: "Raleway", Arial, sans-serif;
    color: #4D4D4C;
  }
h1 {
    letter-spacing: 0.1em;
    font-size: 1.3em;
}

h2 {
    font-size: 1em;
}
    
p{
    font-size: 0.8em;
     padding: 0.5em 0em 0.5em 0em;
}
    
 .klein {
    font-family: "Raleway", Arial, sans-serif;
    font-size: 0.8em;
    color: #4D4D4C;
}