body::before {
  content: "";
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background:
    url('assets/texture-overlay.png') repeat,
    url('assets/barbed-wire.png') repeat-x top,
    url('assets/graffiti-tag.png') center center no-repeat,
    #f4f4f4;
  background-blend-mode: multiply;
  background-size: auto, contain, 80%, cover;
  z-index: -1;
  opacity: 0.2;
}
header h1::before {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -2px 0 red;
  color: transparent;
  clip-path: inset(0 0 50% 0);
}

header h1::after {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 2px 0 cyan;
  color: transparent;
  clip-path: inset(50% 0 0 0);
}