:root {
	--base-color: #1e1e2e;
	--base-color-dark: #181825;
	--base-color-light: #313244;
	--base-color-accent: #74c7ec;
	--base-color-accent-dark: #74c7ec;
	--base-color-accent-light: #6c7086;

	--text-color: #cdd6f4;
	--text-color-selected: fadeout(var(--text-color),40%);
	--text-color-secondary: #bac2de;
	--text-color-tertiary: #a6adc8;
	--text-color-focus: #74c7ec;

	--ctrl-element-color-bg: rgba(17,17,27,0.1);
	--ctrl-element-color-main: rgba(116, 199, 236,0.7);
	--ctrl-element-color-focus: #74c7ec;

	--button-color-bg: var(--text-color);
	--button-color-bg-focus: var(--text-color-focus);
	--button-color-fg: var(--base-color);
	--button-color-fg-focus: var(--base-color);
}

img[src="/favicon.png"] {
	filter: hue-rotate(120deg);
}

a[href="/about"] {
	display: none;
}