JSFiddle - React, Tailwind, and code Playground

by TimPietrusky

HTML

<div id="ball"></div>

CSS

html, body{height: 100%;}
body{
  background: #363636;
  box-shadow: 0px 0px 40em #101010 inset;
}
#ball{
  background-image: -webkit-radial-gradient(center, circle, rgba(255, 255, 255, .7) 15%, transparent 15%), -webkit-radial-gradient(50% 80%, circle, #5AFAFB 5%, #1759AA);
  background-size: 100% 100%
  background-repeat:no-repeat;
  width: 6em;
  height: 6em;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3em;
}