:root {
	--color: #242424;
	--background-color: #FAFAFA;
}

@media (prefers-color-scheme: dark) {
	:root {
		--color: #FAFAFA;
		--background-color: #1F1F1F;
	}
}

[data-bs-theme="classic"] {
	--color: rgb(0, 255, 0);
	--background-color: teal;
}

[data-bs-theme="classic"] div.card, [data-bs-theme="classic"] li.list-group-item {
	color: var(--color);
	background-color: var(--background-color);
}

[data-bs-theme="classic"] a, [data-bs-theme="classic"] a:hover, [data-bs-theme="classic"] a:visited {
	color: yellow;
}

[data-bs-theme="classic"] code {
	color: rgb(0, 255, 0);
}

[data-bs-theme="classic"] .table > :not(caption) > * > * {
	color: rgb(0, 255, 0);
	background-color: teal;
}

[data-bs-theme="classic"] a.btn-primary.btn-lg {
	padding: 2rem;
	font-size: 8rem;
	font-weight: bold;
	color: white;
	background-image: linear-gradient(to bottom right, rgb(0, 127, 0), rgb(0, 255, 0));
}

[data-bs-theme="classic"] li.list-group-item, [data-bs-theme="classic"] table.table, [data-bs-theme="classic"] div.card {
	border-color: hotpink;
}

[data-bs-theme="classic"] div.classic > h1 {
	color: red;
	background-color: yellow;
}

body {
	color: var(--color);
	background-color: var(--background-color);
}

div.container-fluid.header {
	background-color: black;
	padding: .5rem;
}

li.list-group-item::before {
	content: '•';
	margin-right: .5rem;
}

li.list-group-item {
	padding: .1rem;
}

div.classic {
	display: none;
}

[data-bs-theme="classic"] div.classic {
	display: inline;
}