body{
  background: var(--soft-gradient);
}


.forget-password-container{
   min-height: 100svh;
   padding: 1em;
}



.forget-password-card{
  width: 100%;
  max-width: 600px;
  border: 1px solid var(--dark-blue);
  padding: 1.5em 1em;
  background: var(--soft-gradient);
  box-shadow:  5px 5px 8px var(--dark-grey);
}

.logo-cont{
  width: 80px;
  height: 80px;
}
.email-error{
  transition: all 300ms ease;
}
.email-error.hide{
  transform: translateY(-10px);
  visibility: hidden;
}

.email-error.show{
  transform: translateY(0px);
  visibility: visible;
}