:root {
  --bg-1: #080b12;
  --bg-2: #111827;
  --bg-3: #1f2937;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 20%, rgba(59, 130, 246, 0.12), transparent 40%),
    radial-gradient(circle at 80% 30%, rgba(16, 185, 129, 0.12), transparent 35%),
    linear-gradient(180deg, var(--bg-2), var(--bg-1) 45%, #06070b);
}

#canvas {
  display: block;
  width: 100vw;
  height: 100vh;
}