html,
body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    touch-action: none;
    overscroll-behavior: none;
    background-image: url("/assets/img/es-kelime.png");
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

canvas {
  position: fixed;
  inset: 0;
  display: block;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  touch-action: none;
  overscroll-behavior: none;
  cursor: pointer;
  background:
    radial-gradient(900px 520px at 20% 15%, rgba(255, 255, 255, 0.65), transparent 55%),
    radial-gradient(900px 520px at 85% 18%, rgba(255, 216, 106, 0.32), transparent 60%),
    linear-gradient(180deg, #7cf7ff, #fff3b0 75%, #ffe6f7);
}