body {
  background: rgb(17,17,21);
  background: linear-gradient(52deg, rgba(17,17,21,1) 10%, rgba(55,36,79,1) 95%);
margin: 0;
}

.logo_main  {
stroke: white;
stroke-width: 8px;
stroke-linecap: round;
stroke-dasharray: 1200;
stroke-dashoffset: 1200;
animation: dash 3s ease-in forwards;
}

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


.logo_stripe  {
stroke: red;
stroke-width: 8px;
stroke-linecap: round;
stroke-dasharray: 400;
stroke-dashoffset: 400;
animation: dash 5s linear forwards;
}

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


.biglogo {
    width: 25vh;
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
  }