#ballotSVG {
    padding-top: 10px;
    max-width: 280px;
    padding-left: 20px;
}

#ballot1 {
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  opacity: 0;
  animation: draw 20s linear infinite;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
}

#ballot2 {
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  opacity: 0;
  animation: draw 20s linear infinite;
  animation-delay: 2s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
}

#ballot3 {
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  opacity: 0;
  animation: draw 20s linear infinite;
  animation-delay: 4s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
}

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

@keyframes draw {
  0% {
    stroke-dashoffset: 50;
    opacity: 0;
  }
    2% {
    opacity: 1;
  }
  5% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  70% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  75% {
    stroke-dashoffset: 0;
    opacity: 0;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 0;
  }
}
