/* TIMELINE PAGE STYLES */

.container-timeline .wrapper-full {
	display: flex;
	gap: 2rem;
	flex-direction: row;
}
.container-timeline .date {
	width: 20%;
}
.container-timeline .item {
	width: 90%;
}
.container-timeline:nth-child(even) {
	background-color: var(--bg2);
}
/* Mobile breakpoints */

@media only screen and (max-width: 900px) {
	.container-timeline .wrapper-full {
		flex-direction: column;
		gap: 0rem;
	}
	.container-timeline .date {
		width: 100%;
		text-align: left;
	}
	.container-timeline .item {
		width: 100%;
	}
}