/* Parent container */
.form-container {
	display: flex;
	align-items: center;
	height: 100vh; /* Height of the viewport */
}
#error-msg {
	color: red;
}
/* Form container */
#login-form {
	width: 400px;
	margin: 0 auto;
	padding: 20px;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 10px;
	font-family: sans-serif;
}

/* Form fields */
#login-form label {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

#login-form input[type="text"],
#login-form input[type="password"] {
	width: 100%;
	padding: 12px 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

/* Submit button */
#login-form input[type="submit"] {
	background-color: #4CAF50;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

#login-form input[type="submit"]:hover {
	background-color: #45a049;
}