<html lang="en">

<head>

  <base/>

  <meta charset="UTF-8">

  <meta protocol="FORGE" ticker="Recursive-Robots" operation="mint" name="viewport" content="width=device-width, initial-scale=1.0">

  <style>

    body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }

    #artifact { position: relative; width: 24rem; height: 24rem; }

    #artifact img { position: absolute; width: 100%; height: 100%; object-fit: contain; top: 0; left: 0; image-rendering: pixelated }

  </style>

</head>

<body>

  <div id="artifact">

    <img src="/content/9cf6ec9ef4ade7789d042cce4df79611a68c9bb74b951201383bca7f45b7b7f3i0" alt="Background" />

    <img src="/content/08a3e5cfa0c3376717a15e62fb884f45f91c92d99986e199700b29c43a4f18b4i0" alt="Body" />

    <img src="/content/aa3d232e43265f2d1db2835ab0ced0fe800970087f4d0ee5597d174448fc3d35i0" alt="Head" />

    <img src="/content/7911fef96523ceba3e6782c65069186d5dfb393dabd7d6aa2a74c2c12d358ebfi0" alt="Body" />

    <img src="/content/0d2b5aa15edb3a4786524a1c58ac1fa078ed352b904f935cbfde3af21f9f2ad9i0" alt="Head" />

  </div>


</body>

</html>