body {
 background:#393A4F; 
}

.container {
  padding-top:20px;
  height:150px;
  width:150px;
  margin:auto;
}

.outer_circle {
  height:100px;
  width:100px;
  border-radius:50%;
  background: linear-gradient(to bottom,  #dd403c 0%,#f1952f 100%);
  box-shadow:0px 3px 15px #111;
  overflow:hidden;
}

.inner_circle_1 {
  height:95px;
  width:95px;
  border-radius:50%;
  background:#fff;
  margin-left:35px;
  margin-top:-55px;
  opacity:0.1;
}

.inner_circle_2 {
  height:95px;
  width:95px;
  border-radius:50%;
  background:#E9684A;
  margin-left:65px;
  margin-top:5px;
  opacity:0.8;
}

.inner_circle_3 {
  height:95px;
  width:95px;
  border-radius:50%;
  background:#F6B238;
  margin-left:-55px;
  margin-top:-115px;
  opacity:0.35;
}

.circle_1 {
  height:15px;
  width:15px;
  border-radius:50px;
  background:#393A4F;
  position:absolute;
  margin-top:-75px;
  margin-left:12px;
  box-shadow: inset 0 0 6px #222;
}

.circle_2 {
  height:18px;
  width:18px;
  border-radius:50px;
  background:#393A4F;
  position:absolute;
  margin-top:-77px;
  margin-left:36px;
  box-shadow: inset 0 0 6px #222;
}

.circle_3 {
  height:22px;
  width:22px;
  border-radius:50px;
  background:#393A4F;
  position:absolute;
  margin-top:-79px;
  margin-left:63px;
  box-shadow: inset 0 0 6px #222;
}