/* Static decoration: no animation, canvas, network requests or message data. */
body {
  position: relative;
  isolation: isolate;
  background-color: #fff;
}

.binary-background {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-color: #fff;
  background-image:
    radial-gradient(ellipse at 37% 40%, #ffffffed 0%, #ffffffad 37%, #ffffff00 78%),
    url('/assets/binary-pattern.svg');
  background-position: center;
  background-size: cover, 1200px 840px;
}

@media (max-width: 720px) {
  .binary-background {
    background-image:
      linear-gradient(90deg, #ffffff29, #ffffffc9 19%, #ffffffd9 80%, #ffffff29),
      url('/assets/binary-pattern.svg');
    background-size: cover, 900px 630px;
  }
}

@media (forced-colors: active), print {
  .binary-background { display: none; }
}