brihat.css

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

#brihatlogo {
  position: absolute;
  height: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* animation: fill 0.5s ease forwards 5.2s; */
}

#brihatlogo path:nth-child(1) {
  stroke-dasharray: 694px;
  stroke-dashoffset: 694px;
  animation: line-anim 4s ease forwards 0.3s;
  animation-iteration-count: infinite;
}

#brihatlogo path:nth-child(2) {
  stroke-dasharray: 411px;
  stroke-dashoffset: 411px;
  animation: line-anim 4s ease forwards 0.6s;
  animation-iteration-count: infinite;
}

#brihatlogo path:nth-child(3) {
  stroke-dasharray: 369px;
  stroke-dashoffset: 369px;
  animation: line-anim 4s ease forwards 0.9s;
  animation-iteration-count: infinite;
}

#brihatlogo path:nth-child(4) {
  stroke-dasharray: 716px;
  stroke-dashoffset: 716px;
  animation: line-anim 4s ease forwards 1.2s;
  animation-iteration-count: infinite;
}

#brihatlogo path:nth-child(5) {
  stroke-dasharray: 585px;
  stroke-dashoffset: 585px;
  animation: line-anim 4s ease forwards 1.5s;
  animation-iteration-count: infinite;
}

#brihatlogo path:nth-child(6) {
  stroke-dasharray: 395px;
  stroke-dashoffset: 395px;
  animation: line-anim 4s ease forwards 1.8s;
  animation-iteration-count: infinite;
}

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

@keyframes fill {
  from {
    fill: transparent;
  }

  to {
    fill: seagreen;
  }
}