h1 {
	color: red;
	text-align: center;
}

hr {
	border: 3px solid black;
	margin-bottom: 25px;
}
body {
	background-color: #CACACA;
}

.form {
	background-color: red;
	width: 275px;
	height: auto;
	margin: auto;
	padding: 25px;
	border-radius: 25px;
	font-size: 20px;
	margin-bottom: 20px;
}

input {
	margin-right: 10px;
	margin-top: 20px;
}

input[type=text], input[type=password] {
	width: 250px;
}

input[type=submit], input[type=reset] {
	background-color: black;
	border-radius: 10px;
	border: none;
	color: white;
	padding: 16px 32px;
	cursor: pointer;
	margin-top: 15px;
	font-size: 20px;

	transition: background-color 0.60s ease;
}

input[type=submit]:hover, input[type=reset]:hover {
	background-color: white;
	color: black;
	transition: background-color 0.60s ease;
}

.warning {
	font-size: 20px;
	color: red;
}

.granted {
	color: green;
}

.denied {
	color: red;
}