body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

main {
	/* min-height: 90vh; */
}

.yt-player {
	width: 100%;
	height: 95vh;
	
	overflow: auto;
	
	display: flex;
	justify-content:center;
}

.yt-player #player {
	width: 100%;
}

.category-lesson-element-block {
	min-width: 200px;
	max-width: 200px;
}

.category-element-block {
	/* min-width: 200px;
	max-width: 200px; */
}

.lesson-element-block {
	/* min-width: 100px;
	max-width: 200px; */
}

a.thumbnail {
	box-shadow: 0 0 0px;
	 /* #0d6efd00; */
	transition: all 0.3s ease-in-out;
	display: block;
	/* background: #73BBFD; */
}

a.thumbnail:hover {
	box-shadow: 0 0 7px;
	/* #0d6efdff; */
}

/* .category-element-block a img, .lesson-element-block a img {
	box-shadow: 0 0 0px #0d6efd00;
	transition: all 0.3s ease-in-out;
}

.category-element-block a:hover img, .lesson-element-block a:hover img {
	box-shadow: 0 0 7px #0d6efdff;
} */

.text-date {
	font-size: 0.70rem;
	text-align: right;
}

.bg-black {
	background-color: #000000;
}