/*
Source - https://stackoverflow.com/a
Posted by rmurph46, modified by community. See post 'Timeline' for change history
Retrieved 12/5/2025, License - CC BY-SA 3.0
*/

.marquee {
	font-weight: bold;
	color: #000;
	margin: auto;
	white-space: nowrap;
	overflow: hidden;
	position: left;
	box-sizing: border-box;
	width: 100%;
}

.marquee span {
	width: 500%;
	display: inline-block;
	padding-left: 100%;
	animation: marquee 35s linear infinite;
}

@keyframes marquee {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(-100%, 0);
	}
}