.gtriangle {
      border-bottom: 10px solid green;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0;
}
.nochange {
        width: 75%;
        height: 8;
        margin-left: auto;
        margin-right: auto;
        background-color: black;
        border: 0 none;
}
.rtriangle {
  border-bottom: 10px solid red;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: top;
  width: 0;
  transform: rotate(180deg);
}