body, html {
	height: 100%;
	background-color: #557da1;
}

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

.login-box {
	width: 300px;
	padding: 20px;
	border-radius: 8px;
	background-color: #20262c;
	color: #ebebeb;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.login-box .form-control {
	background-color: #171717;
	color: #ebebeb;
	border: 1px solid #7d7d7d;
}

.login-box .form-control:focus {
	border: 1px solid #ebebeb;
	box-shadow: none;
}

.login-box .form-control::placeholder {
	color: #7d7d7d;
	opacity: 0.5;
}

.login-box .btn-primary {
	background-color: #557da1;
	border: none;
}

.login-box .btn-primary:hover {
	background-color: #779bbc;
	border: none;
}

.footer-text {
	margin-top: 10px;
	text-align: center;
	color: #ebebeb;
}