/* .containers {
  width: 100%;
  height: 100%;
  --s: 200px; 
  --c1: #720303; 
  --c2: #a82c2c; 
  --c3: #b33f3f; 

  background: repeating-conic-gradient(
        from 30deg,
        #0000 0 120deg,
        var(--c3) 0 180deg
      )
      calc(0.5 * var(--s)) calc(0.5 * var(--s) * 0.577),
    repeating-conic-gradient(
      from 30deg,
      var(--c1) 0 60deg,
      var(--c2) 0 120deg,
      var(--c3) 0 180deg
    );
  background-size: var(--s) calc(var(--s) * 0.577);
} */

.body-content {
  background: url("https://cdn.evalpav.com/PaginaWeb/Imagenes/patternpad.png")
    repeat 0 0;
  -webkit-animation: 45s linear 0s normal none infinite animate;
  -moz-animation: 45s linear 0s normal none infinite animate;
  -ms-animation: 45s linear 0s normal none infinite animate;
  -o-animation: 45s linear 0s normal none infinite animate;
  animation: 45s linear 0s normal none infinite animate;
}

@-webkit-keyframes animate {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 500px 0;
  }
}

@-moz-keyframes animate {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 500px 0;
  }
}

@-ms-keyframes animate {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 500px 0;
  }
}

@-o-keyframes animate {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 500px 0;
  }
}

@keyframes animate {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 500px 0;
  }
}