.container {
	display: flex;
}

.sidebar {
	width: 500px;
	padding: 20px;
	padding-top: 0;
	border-left: 2px solid #ccc;
}

.videoContainer {
	flex: 1;
	padding: 20px;
}

.courseContent {
	flex: 1;
}

.step {
	cursor: pointer;
	margin-bottom: 10px;
	padding: 1rem;
	background-color: var(--color-bg1);
	border-radius: var(--border-radius);
}

.video {
	width: 100%;
	max-width: 1000px;
	aspect-ratio: 16 / 9;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
