#login {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 400px;
	padding: 20px;

	background-color: #fff;
	border-radius: 5px;
	box-shadow: 2px 5px 10px #00000077;
    color: black;

    margin: auto;
    width: 50%;
    padding: 10px;
}

#login h1, #login h4 {
	text-align: center;
	margin-bottom: 20px;
}

#login input {
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

#login input:focus {
	border: 1px solid #000;
}

#login button {
	padding: 10px;
	border-radius: 5px;
	border: none;
	background-color: black;
	color: white;
	font-weight: bold;
}

#login button:hover {
	background-color: #555;
}

#login label {
	margin-bottom: 10px;
}


#login .error {
	color: red;
	font-weight: bold;
	margin-bottom: 10px;

	text-align: center;
}