/* Override some stuff */
html {
	--background: #11283F;
	--blue-white: white;
	--green-white: #FFAF29;

	--accents: #FFF8; /* still --blue-white with half opacity */
}

.skeumorph {
	--hue: 207.27288deg !important;
	--sat: 50% !important;
	--green-white: white;

	border-color: #10192B;
	text-shadow: .15em .1em .15em rgba(0, 0, 0, 0.5) !important;
	background-image: linear-gradient(to top, hsl(var(--hue, 0), var(--sat, 100%), 20%) 25%, hsl(var(--hue, 0), var(--sat, 100%), 80%)) !important;
}

::selection {
	background-color: #9D8A05;
}

p {
	text-align: left;
	margin: 1em;
}

#screenshot {
	width: 100%;
	view-transition-name: blenderScreenshot;
}

#downloadBtn {
	font-size: 4em;
	margin: .75em auto;
	position: sticky;
	bottom: .5em;
	/* Prevents it from showing behind the screenshot for a moment */
	view-transition-name: blenderDownloadButton;
}
::view-transition-new(blenderDownloadButton), ::view-transition-old(blenderDownloadButton) {
	animation-duration: 0s;
}