@use '../abstracts' as *;

.page-container-center {
	min-height: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: $spacing-md;
	overflow-y: auto;
}

.hero-wrapper {
	width: $size-hero-wrapper;
	height: $size-hero-wrapper;
}

.lesson-canvas-wrapper {
	margin: 0 auto;
}