.page-content{
    /* background: linear-gradient(135deg, rgba(23, 29, 85, 0.5), rgba(255, 255, 255, 0.5), rgba(88, 19, 31, 0.5) ); */
    background-color: rgba(87, 115, 154, 0.4);
    width: clamp(300px, 30vw, 600px);

}

.password_success{
    color: var(--successStatus);
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    align-items: center;
}

.password_success > div{
    display: flex;
    gap: 1rem;
    justify-content: center;
}

 /* ============ SMALL TABLETS / SMARTPHONES ============ */
 @media screen and (max-width: 578px){
    .page-content{
        width: clamp(220px, 80vw, 500px);
        padding: 1rem;
        gap: 0.7rem;
    }
    .page h2{
        white-space: normal;
        margin: 1rem;
    }
    .password_success{
        padding: 1rem;
    }
    .password_success > div{
        display: flex;
        flex-direction: column;
    }
    .password_success h1{
        white-space: normal;
    }
  }