body {
	background: url(/images/bg-login.jpg) no-repeat fixed center;
	background-size: cover;
	overflow: hidden;
}

main {
	height: 100dvh;
	width: 100dvw;
}

main, #Login {
	display: flex;
	justify-content: center;
	align-items: center;
}

#Login {
	flex-direction: column;
	width: 600px;
	margin: 2rem;
	padding: 2rem 3rem;
	border-radius: 30px;
	background: white;
}

	#Login > img {
		height: 80px;
	}

	#Login > h1 {
		font-size: 30px;
		font-weight: 700;
		color: var(--dg-blue);
		margin-top: 10px;
		margin-bottom: 20px;
	}

	#Login > div {
		width: max(80%,350px);
	}

	#Login > div > input {
		width: 100%;
		font-size: 15px;
		padding: 10px 20px;
		border-radius: 8px;
		border: 0;
		outline: 0;
		box-shadow: inset 1px 2px 8px #0000001a;
		margin-bottom: 20px;
	}