body {
	padding: 0;
	margin: 0 auto;

	font-family: Arial, sans-serif;
	background-color: #18181A;
	color: white;

	width: 800px;
	height: 100vh;

	display: grid;
	grid-template-columns: 800px;
	grid-template-rows: 4rem 600px 2rem auto;
	grid-template-areas: "printer-status" "video-player" "completion-time" "print-details";
}

#printer-status {
	grid-area: printer-status;

	font-size: 3rem;
}

#video-player {
	grid-area: video-player;

	border: none;
}

.loading-text {
	position: fixed;
	width: 800px;
	height: 600px;

	text-align: center;
	line-height: 600px;

	z-index: -1;
}

#completion-time {
	grid-area: completion-time;

	text-align: center;
	font-size: 1.8rem;

	background-image: linear-gradient(90deg, #0086BA 0%, rgba(0,0,0,0) 0%);
}

#print-details {
	grid-area: print-details;

	font-size: 1.8rem;
}