#background-anim {
  position: fixed;
  z-index: -1;
}

#background-home {
  --color0: #003366;
  --color1: #06A1C4;
  --color2: #003366;
}

#lines0 {
  fill: none;
  opacity: 0.95;
  stroke: var(--color0);
  stroke-width: 12;
  stroke-miterlimit:10;
  animation: show 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; 
}

#lines1 {
  fill: none;
  opacity: 1.0;
  stroke: var(--color1);
  stroke-width: 12;
  stroke-miterlimit:10;
  animation: show 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

#lines2 {
  fill: none;
  opacity: 0.85;
  stroke: var(--color2);
  stroke-width: 6;
  stroke-miterlimit:10;
  stroke-dasharray: 200;
  stroke-dashoffset: 800;
  animation: draw 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;    
}

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

@keyframes show {
  0% {
    opacity: 0.85;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.85;
  }
}