#background-img {
  background-image: radial-gradient(circle, #6A4D25, #0B5066);
  padding: 3%;
  color: white;
}

#cliptext {
  background: radial-gradient(circle, blue, red);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 30px;
  color: transparent;
}

#randomtext {
  background-image: radial-gradient(purple, navy);
  padding:6%;
  font-size: 30px;
  font-color: linear-gradient(to right, purple, navy);
}

#text4 {
  background: repeating-radial-gradient(blue 1px, gold 4px);
   background-clip: text;
  -webkit-background-clip: text;
  font-size: 30px;
  color: transparent;
}
  
#texting {
  background-image: repeating-linear-gradient(to right, purple 1px, navy 15px);
  padding: 3%;
  color: white;
}

#tex {
  background: conic-gradient(yellow, navy); 
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 60px;
  color: transparent;
}

#end {
  background-image: conic-gradient(purple, navy); 
  padding: 6%;
  color:grey;
  font-size: 90px;
}

#erm {  
  background:repeating-linear-gradient(to right, white 1px, navy 15px);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 60px;
  color: transparent;
}
  
#ending {
  background-image: repeating-radial-gradient(blue 1px, gold 4px);
  padding: 6%;
  color: green;
  font-size: 72px;
}