* {
    font-family: 'Ubuntu', sans-serif;
    /* border: 1px solid red; */
}

/* styles under element body */
body {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 100vh;

    margin: 0;

    background-color: #F5F7F8;
}

/* styles under class "forget-password" */
.forget-password {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 48.6vw;
    height: auto;

    margin-top: 7vh;

    background-color: #FDFDFD;
    border: 1px solid #99B0BC;
    border-radius: 15px;
}

.forget-password h2 {
    margin-top: 6rem;

    color: #6A7E84;
    font-size: 1.5rem;
}

/* styles under class "username-email-address" */
.username-email-address {
    display: flex;
    align-items: center;
    gap: 1.125rem;

    width: 78.6%;

    padding: 0.76rem 1.5rem;
    margin-top: 4.635rem;

    border: 1px solid #C2D4DA;
    border-radius: 10px;
    box-sizing: border-box;
    color: #F9FBFC;
}

.username-email-address input {
    width: 80%;

    background-color: #F9FBFC;
    border: none;
    font-size: 1.125rem;
    outline: none;
}

.username-email-address input::placeholder {
    color: #C2D4DA;
}

/* styles under class "submit-button" */
.submit-button {
    width: 78.6%;

    padding: 0.719rem 0;
    margin-top: 4.625rem;

    background-color: #303E45;  
    border: 1px solid #303E45;
    border-radius: 25px;
    color: #C2D4DA;
    font-size: 1.25rem;
}

.message {
    margin-top: 2.875rem;
    margin-bottom: 12.1rem; /* 15.6rem */
}