/* Shared animated background. The tile is extracted from faq.html. */

#bg-layer {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

#bg-solid {
  position: absolute;
  inset: 0;
  background: #000;
}

#bg-pattern {
  position: absolute;
  inset: 0;
  background-image: url("../bg-pattern.jpg");
  background-repeat: repeat;
  background-size: 160px 160px;
  opacity: 0.15;
  will-change: background-position;
}

@keyframes drift {
  from { background-position: 0 0; }
  to { background-position: 160px 160px; }
}