h1 {
  color:rgb(171, 36, 126);
	font-style:gilda display;
  text-align:center;
  font-size:40px;
}
#background-img {
  width:60%;
  margin-left:17%;
  background-image: radial-gradient(circle,  #999df0, #f2edaa, #db8ad9);
  padding: 3%;
  color: navy;
  font-style:gilda display;
  font-size:20px;
}
#cliptext {
  background-image: radial-gradient(circle,  #999df0, #f2edaa, #db8ad9);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-style:gilda display;
  font-size:90px;
  text-align:center;
  text-outline:1px; 
  -webkit-text-stroke: 1px navy;
  outline-style:solid;
}

/*
Gradient types

radial-gradient(purple, navy);
linear-gradient(to right, purple, navy);
repeating-radial-gradient(purple 1px, navy 4px);
repeating-linear-gradient(to right, purple 1px, navy 15px);
conic-gradient(purple, navy); 

*/