JSFiddle - React, Tailwind, and code Playground

CSS

@import url('https://fonts.googleapis.com/css2?family=Neucha&display=swap');


* {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

body {
  --blueA: rgba(7, 176, 233, 0.4);;
  margin: 0;
  height: 100vh;
  background-color: #e9f6fb;
  background-image: radial-gradient(1084px 1274px at left -500px top 260px, var(--blueA), transparent),
  radial-gradient(563px 662px at right 80px bottom 160px, var(--blueA), transparent),
  radial-gradient(563px 662px at right -350px bottom 20px, white, transparent),
  radial-gradient(563px 662px at left 50% bottom 20px, white, transparent),
  radial-gradient(436px 513px at left 500px bottom 400px, white, transparent),
  radial-gradient(436px 513px at left 40% bottom 0, white, transparent);

}