body {
    font-family: Arial, sans-serif;
}

.login {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: calc(50vh - (500px / 2)) calc(50% - (350px / 2)) 0;
	width: 350px;
	height: 500px;
	border-radius: 10%;
	background-color: #f0f0f0;
}

.login form {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.loginbox {
	border-radius: 10px;
	padding: 5px;
	width: 200px;
	height: 30px;
}

.login-button {
	background-color: #7393B3;
	border-radius: 10px;
	color: white;
	padding: 10px 20px;
	font-size: 15px;
	cursor: pointer;
}

#error-message {
	color: red;
}