body { background-color: #121212; color: #ffffff; font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .scrolling-container { overflow: hidden; white-space: nowrap; border: 2px solid #ffffff; padding: 10px; width: 80%; position: relative; } .scrolling-text { display: inline-block; padding-right: 50%; animation: scrollText 1s linear infinite; font-size: 1.5rem; color: #f0f0f0; } @keyframes scrollText { from { transform: translateX(100%); } to { transform: translateX(-100%); } }