JSFiddle - React, Tailwind, and code Playground

by Danny Michaelis

HTML

<div class="box box1"></div>
<div class="box box2"></div>
<div class="box box3"></div>

CSS

body {
  background-color: #2c2c2c;
}

.box {
  background-color: #ffdddd;  
  height: 10vw;
  width: 10vw;
    margin: 10vw;
  border-radius: 50%;
}

.box1 {  
  box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #FF1177, 0 0 40px #FF1177, 0 0 25px #FF1177, 0 0 30px #FF1177;
}

.box2 {  
  box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 60px #FF1177;
}

.box3 {  
  box-shadow:  0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177
}