@charset "UTF-8";
body::before {
	content: '';
	padding: 40vmin;
	--bg-emoji: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ctext x='-0.08em' y='1em' font-size='12.8'%3E🦄%3C/text%3E%3C/svg%3E");
	background-image:
		var(--bg-emoji), var(--bg-emoji), var(--bg-emoji), var(--bg-emoji), var(--bg-emoji), var(--bg-emoji),
		var(--bg-emoji), var(--bg-emoji), var(--bg-emoji), var(--bg-emoji), var(--bg-emoji), var(--bg-emoji),
		var(--bg-emoji), var(--bg-emoji), var(--bg-emoji), var(--bg-emoji), var(--bg-emoji), var(--bg-emoji),
		var(--bg-emoji), var(--bg-emoji);
	background-position:
		97.5528258148% 65.4508497187%,
		90.4508497187% 79.3892626146%,
		79.3892626146% 90.4508497187%,
		65.4508497187% 97.5528258148%,
		50% 100%,
		34.5491502813% 97.5528258148%,
		20.6107373854% 90.4508497187%,
		9.5491502813% 79.3892626146%,
		2.4471741852% 65.4508497187%,
		0% 50%,
		2.4471741852% 34.5491502813%,
		9.5491502813% 20.6107373854%,
		20.6107373854% 9.5491502813%,
		34.5491502813% 2.4471741852%,
		50% 0%,
		65.4508497187% 2.4471741852%,
		79.3892626146% 9.5491502813%,
		90.4508497187% 20.6107373854%,
		97.5528258148% 34.5491502813%,
		100% 50%;
	background-size: 8vmin 8vmin;
	background-repeat: no-repeat;
}

html,
body {
	padding: 0;
	margin: 0;
	height: 100%;
	background-color: #000;
}

body {
	--color-accent-1: hsl(43, 96.4%, 67.6%);
	--color-accent-2: hsl(191.2, 92.5%, 58%);
	display: grid;
	place-items: center;
	background-image: linear-gradient(125deg, var(--color-accent-1), var(--color-accent-2));
}