marquee { background: #0089fa; }

.rightTI { background: #ff002b;
  white-space: nowrap; 
  overflow: hidden;
  animation: marquee 18s linear infinite;
}

@-webkit-keyframes marquee {
  0% {text-indent: 100%;}
  100% {text-indent: -100%;}
}

.rightCSS { background: #a35dc1;
  overflow: hidden;
} .rightCSS div {
  position: relative;
  animation: CSSright linear 18s infinite;
} @keyframes CSSright {
  0% { right: -100% }
  100% { right: 100% }
}

.rightJS { background: #ffa900; }

.rightJQ { background: #00a753; }

.li {
    float: left;
    width: 100%;
    padding: 1%;
    /* margin: 1% 10%; */
    /* height: 20px; */
    border-radius: 0.5em;
    box-shadow: 0 0.1em 0.5em;
    font-size: 16pt;
}