body{
    font-family: Arial, Helvetica, sans-serif;

    color: aliceblue;
  }

.main {
 margin: 100px auto;
  max-width: 800px;
}
.fname-container,
.lname-container,
.re-write-password-container,
.password-container,
.email-container{
    display: flex;
    flex-direction: row;
    max-width: 800px;
    margin-bottom: 35px;
    border: 1px solid rgb(66, 66, 66);


}
a{
    color: inherit;
    text-decoration: none;
}

.fname,
.email,
.button,
.lname,
.password,
.re-write-password{
  padding: 20px;
  flex: 1;
  background-color: rgb(218, 218, 218);
  border: none;
  font-size: 15px;


}
.button{
    background-color: #04AA6D;
    color: white;
    font-size: 20px;
    cursor: pointer;

}



.button-container{
    display: flex;
    flex-direction: row;
    max-width: 800px;
}
.note{
    text-align: center;
}
span{
    color: #04AA6D;
    cursor: pointer;
}




/* -----------------------------------------------------------------------------

# password reset Page Styles

----------------------------------------------------------------------------- */

.password-reset-text{
    margin-bottom: 1rem;
    text-align: center;
  }