section { display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 20px; }

#forgot_password .background { position: absolute; width: 100%; height: 100%; object-fit: cover; }
#forgot_password .logo { 
  z-index: 10;
  position: absolute; 
  top: 0; 
  left: 0; 
  padding: 20px;
  background: #efefef;
  border-radius: 50%;
  border-top-left-radius: 0; }

#forgot_password .content {
  position: relative;
  width: 450px;
  background: #fff;
  border-radius: 10px;
  animation-duration: .7s;
  /* box-shadow: 0 0 6px 2px rgba(0,0,0,.1); */
}
#forgot_password .content > .head > img {
  width: 100%;
  height: 180px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  object-fit: cover;
}
#forgot_password .content > .body { padding: 20px; }
#forgot_password .content > .body .title { text-align: center; font-weight: 700; margin-bottom: 20px; }
#forgot_password .content > .body label { display: flex; align-items: center; margin-bottom: 0; margin-right: 15px; line-height: 1.1; }