html { background: #09090e; }
body {
  font-family: ui-rounded, "SF Pro Rounded", "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(rgba(255,255,255,.028) .65px, transparent .8px),
    radial-gradient(ellipse at 9% 2%, rgba(112,87,176,.30), transparent 36%),
    radial-gradient(ellipse at 91% 28%, rgba(45,104,119,.18), transparent 40%),
    radial-gradient(ellipse at 48% 100%, rgba(111,59,84,.11), transparent 38%),
    linear-gradient(155deg, #11111a 0%, #0a0a10 42%, #0e0e14 100%);
  background-size: 6px 6px, auto, auto, auto, auto;
  background-attachment: fixed;
}

@media (max-width: 760px) {
  body {
    background:
      radial-gradient(rgba(255,255,255,.025) .6px, transparent .8px),
      radial-gradient(ellipse at 5% 1%, rgba(112,87,176,.25), transparent 34%),
      radial-gradient(ellipse at 98% 42%, rgba(45,104,119,.14), transparent 38%),
      linear-gradient(160deg, #111119 0%, #0a0a10 48%, #0d0d13 100%);
    background-size: 6px 6px, auto, auto, auto;
    background-attachment: scroll;
  }
}