h1 {
  color:pink;
  text-shadow: 126px 44px 5px;
}

#circle1
{ width: 50px;
  height: 50px;
  border-radius: 20% 25% 50% 12%;
}

#circle1 {
  width: 100px;
  height: 100px;
}
#circle2 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
#circle3 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
#circle4 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
#circle5 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  
}
#circle6 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}



body {
  background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
    linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
    linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);}
.conic {
  background: conic-gradient(red,orange,yellow,green,blue,purple 90%);
}