:root {
	--text: #ccc;
	--background: #222;

	--input-focus-background: #444;

	--selector-categoty-background: #333;
	--selector-categoty-text: #999;

	--progress-bar-background: #444;

	--popup-shadow: #000a;

	--popup-border: #888;
	--popup-footer-text: #ccc;
	--popup-footer-background: #555;
}

html,
body {
	height: 100%;
}

body {
	display: flex;
	justify-content: center;
	align-items: center;
}

.login {
	max-width: 500px;
	margin: 1em;
	margin-top: -5em;
	border: 1px solid var(--popup-border);
	border-radius: 1em;
	padding: 0.5em 1em;
}

.w-100 {
	width: 100%;
}