h2
{
	font-size: 30px;
	margin-top: 25px;
	background-color: #888888;
	color: red;
	text-align: center;
	padding: 10px;
}

#msg
{
	margin-top: 10px;
	font-size: 25px;
	text-align: center;
	color: red;
}

#errorMsg
{
	font-size: 20px;
	margin-top: 25px;
	background-color: #888888;
	color: red;
	text-align: center;
}

.form {
	background-color: red;
	width: 300px;
	height: auto;
	margin: 25px auto;
	padding: 30px;
	border-radius: 25px;
	display: grid;
	place-items: center;
}

.login, .create {
	background-color: red;
	width: 220px;
	margin: auto;
	border-radius: 25px;
	display: grid;
	place-items: center;
}

input {
	margin: 10px;
}

input[type=text], input[type=password] {
	width: 250px;
	border-radius: 3px;
	border: 1px solid black;
	font-size: 18px;
}

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;
}

#about
{
	width: 75%;
	margin: 15px auto;
	background-color: red;
	color: white;
	padding: 10px;
	border-radius: 20px;
}

#about > h3
{
	font-size: 40px;
}

#about p
{
	font-size: 20px;
}