#Login .login-flex {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
	text-align: center;
}

#Login .login-box {
	width: 40%;
	padding: 30px;
	min-width: 300px;
	border-radius: 4.2px;
  box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.2);
}

#Login .item {
  flex: 0 0 auto;
  margin: 10px;
}

#Login .input-wrap {
	border-bottom: 2px solid #adadad;
}

#Login .input-wrap.invalid {
	border-bottom: 2px solid var(--error-red);
}

#Login p.invalid-feedback {
	display: none;
	color: var(--error-red);
}

#Login .input-wrap:focus-within {
	border-bottom: 2px solid transparent;
	border-image: linear-gradient(300deg, var(--secondary-light-color) 20%, var(--primary-color));
	border-image-slice: 1;
}

#Login input {
	border: none;
	outline: none;
	font-size: 20px;
}