.main {
	align-items: center;
}

label {
	font-weight: bold;
}

.auth {
	display: flex;
	flex-direction: column;
	width: 40%;
	gap: 1rem;
	border-radius: 1rem;
	padding: 3rem 2rem;
	box-sizing: border-box;
	background-color: var(--ink-black);
	color: var(--lavendar-mist);
	align-items: center;
}

.auth .logo img {
	width: 6rem;
	border-radius: 1rem;
}

.auth .inputs {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 70%;
	padding: 2rem 1rem;
}

.auth .inputs div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.auth .inputs div input {
	border-radius: 5px;
	padding: .5rem 1rem;
	font-size: .9rem;
	border: 0;
}

.auth button {
	padding: 1rem 2rem;
	border-radius: 5px;
	border: 2px solid var(--lavendar-mist);
	cursor: pointer;
	transition: .3s;
}

.auth button:hover {
	filter: brightness(.8);
}