html {
	background-color: #560F53;
}

h1 {
	text-align: center;
	color: #fff;
	margin-top: 1.5rem;
}

.video-elem {
	display: grid;
	grid-template-columns: 1fr 400px 1fr;
	grid-template-areas: ". video .";
	
	video {
		grid-area: video;
		width: 100%;
		height: auto;
		max-height: 100vh;
	}
}

@media only screen and (max-width: 400px) {
	.video-elem {
		grid-template-columns: 1fr;
		grid-template-areas: "video";
	}
}