export default function GridBg() {
  return (
    <>
      <div className="grid-bg" aria-hidden />
      <pre className="scatter" style={{ top: 96, left: 280 }} aria-hidden>
{`  · ·  +
 ·  +XX+
  +XXXX·
   +X·  `}
      </pre>
      <pre className="scatter" style={{ top: 340, right: 96 }} aria-hidden>
{`+   ·  ·
 XX· ·
·XXXX·+
 ·++·  `}
      </pre>
      <pre className="scatter" style={{ bottom: 160, left: "42%" }} aria-hidden>
{` ·    +
+·XX·
 ·X+ ·
   ·   `}
      </pre>
      <pre className="scatter" style={{ top: 580, left: 60 }} aria-hidden>
{`  +X·
 ·XX·
+·X·+`}
      </pre>
      <span className="sq" style={{ top: 238, left: 478 }} aria-hidden />
      <span className="sq" style={{ top: 478, left: 1198 }} aria-hidden />
      <span className="sq" style={{ bottom: 300, left: 238 }} aria-hidden />
      <span className="sq" style={{ top: 718, right: 240 }} aria-hidden />
      <span className="corner-tag" style={{ top: 158, left: 34 }} aria-hidden>[ 200 OK ]</span>
      <span className="corner-tag" style={{ top: 158, right: 34 }} aria-hidden>[ /v2 ]</span>
      <span className="corner-tag" style={{ bottom: 36, left: 34 }} aria-hidden>[ .MP4 · 9:16 ]</span>
      <span className="corner-tag" style={{ bottom: 36, right: 34 }} aria-hidden>[ STUDIO ]</span>
    </>
  );
}
