JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="c" width="400" height="400"></canvas>

JavaScript

function rand0(a) { return a * (Math.random() - 0.5) }

var c = document.getElementById('c')
var canvas = c.getContext('2d')
var i

canvas.fillStyle = '#101010'
canvas.fillRect(0, 0, 400, 400)

canvas.fillStyle = '#7EC0EE'
canvas.globalCompositeOperation = 'lighter'
canvas.globalAlpha = 0.075

for (i = 0; i < 25; ++i) {
    canvas.beginPath()
    canvas.arc(200, 200, 60 + i, 0, 2 * Math.PI, false)
    canvas.fill()
}

canvas.fillStyle = '#202020'
canvas.globalCompositeOperation = 'source-over'
canvas.globalAlpha = 1

canvas.beginPath()
canvas.arc(200, 200, 20, 0, 2 * Math.PI, false)
canvas.fill()