main
{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	height: 100vh;
}
p.error
{
	color: #EE0000;
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Montserrat';
	font-size: 1.2rem;
}
form
{
	width: 30%;
	text-align: center;
	padding: 1rem 2rem 1.5rem;
	background-color: var(--brand-beige);
	border-radius: 10px;
	box-shadow: 0 0 10px var(--brand-orange-mid-opacity);
	font-family: 'Montserrat';
}
label, input:not([type="submit"])
{
	display: block;
	padding: 0.5rem;
	text-align: center;
}
input
{
	background-color: transparent;
    transition: all 0.1s linear;
	font-size: 1rem;
	border-radius: 5px;
	font-family: inherit;
}
input:not([type="submit"])
{
	margin: 0 auto 1rem;
	width: 80%;
	border: none;
	box-shadow: 0 2px 5px var(--brand-orange-mid-opacity);
}
input:not([type="submit"]):focus
{
	box-shadow: 2px 5px 10px var(--brand-orange-high-opacity);
    outline: none;
}
input[type="submit"]
{
	padding: 0.5rem 1.5rem;
	cursor: pointer;
	color: var(--brand-orange);
	border: 1px solid;
	font-weight: 500;
}
input[type="submit"]:focus, input[type="submit"]:hover
{
	background-color: var(--brand-orange);
	color: var(--brand-beige);
	font-weight: 600;
	outline: none;
}