.site-logo,
.logo-svg {
  display: block;
  width: auto;
  height: 90px;
  margin-bottom: -40px;
}

.logo-svg .static {
  fill: currentColor;
}

.logo-svg .animated {
  fill: none;
  stroke: var(--color-primary);
  stroke-width: 5;
  stroke-linecap: round;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw-reverse 6s ease infinite;
}

@keyframes draw-reverse {
  0% {
    stroke-dashoffset: 1000;
  }

  50% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 1000;
  }
}

.site-logo-light {
  filter: brightness(0) invert(1);
}