img {
  max-width: 100%;
  height: auto;
}

body {
  background-color: ghostwhite;
}

.divtext{
  width: 600px;
  border: 15px solid blue;
  padding: 20px;
  margin: 20px;
}

.ct1{background:radial-gradient(#dddddd, #101010);border:1px solid #707070;display:inline} 
.ct2{background:radial-gradient(#fc4e4e, #f26f5f);border:1px solid #fc4e4e;display:inline} 
.ct3{background:radial-gradient(#e78c1a, #fcb417);border:1px solid #e78c1a;display:inline} 
.ct4{background:radial-gradient(#c7bf07, #dde500);border:1px solid #c7bf07;display:inline} 
.ct5{background:radial-gradient(#1a9317, #05bf0b);border:1px solid #1a9317;display:inline} 
.ct6{background:radial-gradient(#2756aa, #5f5fff);border:1px solid #2756aa;display:inline} 
.ct7{background:radial-gradient(#8800c3, #9755f5);border:1px solid #8800c3;display:inline} 
.ct8{background:radial-gradient(#b452a5, #fe93ff);border:1px solid #b452a5;display:inline} 
.ct9{background:radial-gradient(#0f9ebd, #08d7e2);border:1px solid #0f9ebd;display:inline} 
.cta{background:radial-gradient(#cccccc, #666666);border:1px solid #cccccc;display:inline} /* non-index tag */
.stag{background:radial-gradient(#ccffcc, #669966);border:1px solid #ccffcc;display:inline} /* sub tags */
.ctag{background:radial-gradient(#ffcccc, #996666);border:1px solid #ffcccc;display:inline} /* company tags */
.atag{background:radial-gradient(#ccccff, #666699);border:1px solid #ccccff;display:inline} /* adult tags */