#login{
        width: 500px;
        overflow: hidden;
        margin-top: 150px;
        margin-bottom: 100px;
        margin-right: 150px;
        margin-left: 500px;
        padding: 80px;
        background:#605ca8;
        border-radius: 15px ;

}

/* register */
#register{
  width: 500px;
  overflow: hidden;
  margin-top: 150px;
  margin-bottom: 100px;
  margin-right: 150px;
  margin-left: 500px;
  padding: 80px;
  background:#605ca8;
  border-radius: 15px ;

}
#href{
  color: #000;
}
#forgot{
  color: #FFFF03;
  padding-left: 0;

}
#register-btn{
  color: #FFFF03;
 margin-left: 10px;
}
#remember{
  color: #fff;
}
#forgot-password{
  width: 100%;
  /* overflow: hidden;    */
  /* margin-top: 150px;
   margin-bottom: 100px;  */

   padding: 80px;
  background:#605ca8;
  border-radius: 15px;
}
.center-page {align-items: center;justify-content: center;height: 100vh;}
#confirm-password{
  width: 500px;
  overflow: hidden;
  margin-top: 150px;
  margin-bottom: 100px;
  margin-right: 150px;
  margin-left: 500px;
  padding: 80px;
  background:#605ca8;
  border-radius: 15px;
}
#success{
  /* margin-top: 30px; */
  /* margin-bottom: 50px; */

  width: 500px;
  overflow: hidden;
}
/* form i {
  margin-left: -30px;
  cursor: pointer;
} */
.extra {
    font-family: "Font Awesome 5 Free";
    position: absolute;
    margin: -25px 310px -30px;
}

.forgot-email-box {
    height: 100vh;
    align-items: center;
    width: 100%;
}