body {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

form {
	display: flex;
	flex-direction: column;
	gap: var(--size-gap);
	width: 250px;
	line-height: 1.5;
}

input {
	padding: var(--size-gap);
	margin-bottom: var(--size-gap);
	font-size: 1rem;
	border: var(--style-border);
	border-radius: var(--size-border-radius);
}

button {
	color: var(--color-text-light);
	border-radius: var(--size-border-radius);
	padding: var(--size-gap);
	border: none;
	font-size: 1em;
	cursor: pointer;
	background-color: var(--color-brand-primary);
}

.warning {
	color: var(--color-brand-secondary);
}