.timeline-scroll-container {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	height: 70px;
}

.timeline-scroll {
	display: flex;
	gap: 15px;
}

.decade {
	flex: 0 0 auto;
	width: 50px;
	height: 50px;
	background: var(--theme-color);
	color: white;
	font-size: var(--font-size);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	scroll-snap-align: center;
	cursor: pointer;
	transition: transform 0.3s, background 0.3s;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.6);
	border: solid 2px white;
	/* opacity: 0.6; */
}

.spacer {
	flex: 0 0 0.2em; 
	pointer-events: none; 
}