Blue Scrolling Text Bar

  .isolated-widget.rts-navyscrollbar-widget { all: initial; display: block; } @keyframes scroll-navyscrollbar { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .rts-navyscrollbar-widget .navyscrollbar-container { position: relative; width: 100%; height: 40px; background-color: #000080; /* navy blue */ overflow: hidden; display: flex; align-items: center; contain: strict; } .rts-navyscrollbar-widget .navyscrollbar-track { display: flex; white-space: nowrap; will-change: transform; animation: scroll-navyscrollbar 20s linear infinite; height: 100%; align-items: center; } .rts-navyscrollbar-widget .navyscrollbar-text { height: 100%; display: flex; align-items: center; font-size: 18px; font-weight: bold; color: white; font-family: Arial, sans-serif; letter-spacing: 1px;