JSFiddle - React, Tailwind, and code Playground

by SebAshton

CSS

html, body {
    height: 100%;
}

body {
    background: #0090CC no-repeat;
    background-image: -webkit-radial-gradient(center center, circle contain, rgba(52, 182, 236, 0.7), rgba(52, 182, 236, 0.6) 40%, rgba(0, 144, 204, 0) 90%),
                      -webkit-radial-gradient(center center, circle contain, rgba(52, 182, 236, 0.7), rgba(52, 182, 236, 0.6) 40%, rgba(0, 144, 204, 0) 90%),
                      -webkit-radial-gradient(center center, ellipse contain, rgba(52, 182, 236, 0.7), rgba(52, 182, 236, 0.6) 40%, rgba(0, 144, 204, 0) 90%),
                      -webkit-radial-gradient(center center, circle contain, rgba(52, 182, 236, 0.7), rgba(52, 182, 236, 0.6) 40%, rgba(0, 144, 204, 0) 90%),
                      -webkit-radial-gradient(center center, circle contain, rgba(52, 182, 236, 0.4), rgba(52, 182, 236, 0.3) 40%, rgba(0, 144, 204, 0) 90%);

    background-position: 24% -50px,
                         25% 18%,
                         62% 12%,
                         10% 60%,
                         50% 71%;

    background-size: 110px 110px,
                     110px 110px,
                     160px 75px,
                     172px 172px,
                     90px 90px;
}

/* rgba(0, 144, 204, 0.86) */