LGBT symbols in CSS

Pride.css

.Pride {
  background: linear-gradient(
    #000000,
    #000000 12.5%,
    #754d15 12.5%,
    #754d15 25%,
    #f00000 25%,
    #f00000 37.5%,
    #ff8000 37.5%,
    #ff8000 50%,
    #ffff00 50%,
    #ffff00 62.5%,
    #007940 62.5%,
    #007940 75%,
    #4040ff 75%,
    #4040ff 87.5%,
    #a000c0 87.5%,
    #a000c0
  );
}

Trans.css

.Trans {
  background: linear-gradient
    #55cdfc,
    #55cdfc 20%,
    #f7a8b8 20%,
    #f7a8b8 40%,
    #fff 40%,
    #fff 60%,
    #f7a8b8 60%,
    #f7a8b8 80%,
    #55cdfc 80%,
    #55cdfc 100%
  );
}

.Trans--Black {
  background: linear-gradient
    #55cdfc,
    #55cdfc 20%,
    #f7a8b8 20%,
    #f7a8b8 40%,
    #000 40%,
    #000 60%,
    #f7a8b8 60%,
    #f7a8b8 80%,
    #55cdfc 80%,
    #55cdfc 100%
  );
}