<div class="css-houdini csscommunitydev"></div>

:root {
  --size: 300px;
}

@media (min-width: 740px) {
  :root {
    --size: 740px;
  }
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  align-items: center;
  background-color: white;
  display: flex;
  flex-direction: column;
  font-family: sans-serif;
  justify-content: center;
}

.css-houdini {
  height: var(--size);
  padding: 1em;
  box-sizing: content-box;
  width: var(--size);
}

.csscommunitydev {
  background-image: paint(csscommunitydev);
}

(async function () {
  if (CSS["paintWorklet"] === undefined)
    await import("https://unpkg.com/css-paint-polyfill");

  CSS.paintWorklet.addModule(
    "https://rawcdn.githack.com/nucliweb/csscommunitydev-logo/51de1002af6ed5326074e92d7be6563e86db4b71/css-houdini/dist/csscommunitydev.js"
  );
})();