Untitled

<form [formGroup]="form" class="p-12 md:p-24 space-y-5">
				<fieldset>
					<div class="mb-12">
						<legend class="text-custom-blue text-3xl font-extrabold flex justify-center">Log In to Your Account</legend>
					</div>
					<div class="space-y-7">
						<span class="p-float-label form-field">
							<input pInputText  id="username" type="text" class="w-full text-sm text-gray-800 border border-custom-blue px-4 py-2.5 rounded-lg outline-blue-600" formControlName="email">
							<label for="username">Email</label>
						</span>
							<span class="p-float-label form-field">
								<input pInputText id="float-input" type="text" name="email" class="w-full text-sm text-gray-800 border border-custom-blue px-4 py-2.5 rounded-lg outline-blue-600" name="password" formControlName="password" type="password" />
								<label for="float-input">Password</label>
							</span>
						<div class="flex items-center">
							<input id="remember-me" name="remember-me" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" />
							<label for="remember-me" class="ml-3 block text-sm text-gray-800">
								Keep me login in this device
							</label>
						  </div>
					</div>
					
				</fieldset>
				<div class="form-buttons">
					<button class="w-full shadow-xl py-3 px-4 text-sm font-semibold mt-5 rounded-lg text-white bg-blue-600 text-md hover:bg-dark-blue focus:outline-none bg-custom-blue transition duration-150 ease-out hover:ease-in" (click)="login()">Log in</button>
				</div>
				<p class="text-sm text- !mt-8 text-center text-gray-800">If you forgot your password, you can reset it<a routerLink="/forgot-password" class="text-custom-blue font-semibold hover:underline ml-1 whitespace-nowrap">Here.</a></p>
				
			</form>