.st0,.st1 {
  fill:none;
  stroke-miterlimit:10;
}

.st0 {
  stroke:#ed1c24;
}

.st1 {
  stroke:#00264d;
  animation: fill .7s ease forwards 3s;

}

#logoContainer {
  min-width: 50px;
}


/* O */
#mykologo g:nth-child(1) {
  stroke-dasharray: 287;
  stroke-dashoffset: 287;
  animation: line-anim 2s ease forwards 1.6s;
}
/* K */
#mykologo g:nth-child(2) {
  stroke-dasharray: 523;
  stroke-dashoffset: 523;
  animation: line-anim 2s ease forwards 1.2s;
}
/* Y */
#mykologo g:nth-child(3) {
stroke-dasharray: 596;
stroke-dashoffset:596;
animation: line-anim 2s ease forwards .6s;
}
/* M */
#mykologo g:nth-child(4) {
stroke-dasharray: 630;
stroke-dashoffset:630;
animation: line-anim 2s ease forwards .3s;
}


@keyframes line-anim{
  to {
    stroke-dashoffset: 0;
    stroke-width: 1px;
  }
}

@keyframes fill {
  from {
    fill: transparent;
  }
  to {
    stroke-width: 1.2px;
    fill: rgba(255,255,255, .5);
  }
}