html, body {
	height: 100%;
}

.container {
    height: 100%;
}

.cntr {
	min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.btn {
    box-shadow: -5px 5px 0px #212529;
}

.btn:hover {
    box-shadow: 5px 5px 0px #212529;
}

/* Support for system theme */
@media (prefers-color-scheme: dark) {
    html,body {
        background-color: var(--bs-dark);
    }

	.selmode {
		color: var(--bs-light);
	}

	.btn {
		filter: invert();
	}
}