.password-reset__block {
    background: var(--dark-blue);
    max-width: 50rem;
    min-height: 40rem;
    margin: 2rem auto;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    box-shadow: 0 5px 15px 0 rgba(19, 30, 89, .2);
}

.password-reset__block--form {
    width: 100%;
    max-width: 40rem;
    margin: 0 auto;
    background: var(--white-opacity);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
}

.password-reset__input-box {
    background: var(--white);
    width: 100%;
    max-width: 30rem;
    margin-bottom: 1rem;
    border-style: solid;
    border-color: var(--dark-blue);
    border-width: 3px;
    border-radius: 5px;
    padding: 5px 12px;
}

.password-reset__button {
    background: var(--dark-blue-blend);
    color: var(--white);
    width: 100%;
    max-width: 30rem;
    border: 3px solid var(--dark-blue);
    border-radius: 5px;
    padding: 5px 12px;
}

.password-reset__button:hover {
    background: var(--light-blue);
    border-color: var(--light-blue);
    text-decoration: none;
    transition: all .25s;
}

.password-reset__image {
    margin: 2rem 0;
    max-width: 30rem;
    filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(79deg) brightness(105%) contrast(101%);
}

.password-reset__text {
    margin-bottom: 1rem;
    color: var(--white);
    width: 100%;
    max-width: 30rem;
    text-align: left;
}

.password-reset__return-text {
    width: 100%;
    max-width: 30rem;
    text-align: left;
    color: var(--white);
    margin-top: 1rem
}

@media screen and (max-width: 742px) {
    .password-reset__block {
        margin: 2rem 1.5rem;
    }
}

@media screen and (max-width: 672px) {
    .password-reset__block--form {
        margin: 1rem 2rem;
        width: auto;
    }
}