.header, .footer {
	background-color: var(--bs-primary);
}

.header > :not(:first-child) {
	background-color: var(--bs-body-bg);
}

.main-content {
	margin: 1rem;

	min-height: 100%;
}

.footer {
	display: flex;
	justify-content: space-between;

	padding: .5rem 1rem;

	font-weight: bold;
}

.gradient-border-wrapper {
	padding: 2px;
	background: linear-gradient(125deg, rgb(227, 179, 60), rgb(153, 113, 21), rgb(227, 179, 60));
}

.gradient-border-wrapper > .gradient-border {
	display: flex;
	background-color: var(--bs-primary);
}

.btn-navbar {
	font-weight: bold;
	border-radius: 5rem;
}

.btn-navbar:not(.btn-outline-warning) {
	--bs-btn-bg: var(--bs-tertiary);
	--bs-btn-border-color: var(--bs-tertiary);
	--bs-btn-disabled-border-color: var(--bs-tertiary);
}
.btn-navbar:hover {
	--bs-btn-bg: var(--bs-tertiary);
	--bs-btn-border-color: var(--bs-tertiary);
	--bs-btn-disabled-border-color: var(--bs-tertiary);

	-webkit-filter: brightness(101%);
	filter: brightness(101%);
}

.btn-navbar:is(.btn-outline-warning) {
	border-width: 2px;

	--bs-btn-color: black;

	--bs-btn-border-color: var(--bs-tertiary);
	--bs-btn-disabled-border-color: var(--bs-tertiary);
}