body {
	font-family: sans-serif;
	max-width: 1100px;
	margin: 0 auto;
	padding: 10px;
}

header, footer {
	margin: 10px 0;
	padding: 15px;
	border-radius: 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

main {
	margin: 10px 0;
}

.card {
	margin: 10px 0;
	padding: 15px;
	border-radius: 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Color classes */
.color-yellow {
	border: 4px solid #fd921e;
	background-color: #fdec6e;
}

.color-green {
	border: 4px solid #359c26;
	background-color: #c7ebc5;
}

.color-blue {
	border: 4px solid #2670b5;
	background-color: #c5d8eb;
}

footer {
	font-size: 0.8em;
}

figure {
	margin: 0;
	padding: 0;
	max-width: 1024px;
	/*border: 2px dashed black;*/
}

video {
	max-width : 100%;
	max-height: 100%;
}

.task {
	margin: 10px 0;
	padding: 1.5em;
	max-width: 400px;
	background-color: #e8f5e6;
	border: 2px solid grey;
	border-radius: 20px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.LSG {
	margin-top: 0.5em;
	font-size: 0.8em;
}

.LSG a{
	color: purple;
}