:root {
	--ctp-base: #1e1e2e;
	--ctp-text: #cdd6f4;
	--ctp-mauve: #cba6f7;
	--ctp-lavender: #b4befe;
	--ctp-sapphire: #74c7ec;
	--ctp-crust: #11111b;
	--ctp-yellow: #f9e2af;
	--ctp-red: #f38ba8;
}

@media (prefers-color-scheme: light) {
	:root {
		--ctp-base: #eff1f5;
		--ctp-text: #4c4f69;
		--ctp-mauve: #8839ef;
		--ctp-lavender: #7287fd;
		--ctp-sapphire: #209fb5;
		--ctp-crust: #dce0e8;
		--ctp-yellow: #df8e1d;
		--ctp-red: #d20f39;
	}
}

body {
	font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco,
		Consolas, "Liberation Mono", "Courier New", monospace;

	background-color: var(--ctp-base);
	color: var(--ctp-text);

	text-align: center;
}

h1 {
	color: var(--ctp-sapphire);
	font-size: 5em;
}

.biglink {
	background-color: var(--ctp-mauve);
	color: var(--ctp-crust);

	font-size: 3em;
	display: inline-flex;
	padding: 2em;
}