@import url('global.css');

/* ===================================================================
                CONTENT SECTION - Contenitore principale
=================================================================== */
.content {
    background-color: var(--main-gray);
}

.content-section {
    max-width: 550px;
    margin: 0 auto;
    padding: 20px;
}

    .content-section .content-middle {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }

        .content-section .content-middle h2 {
            font-size: 3rem;
            line-height: 3.5rem;
        }
        .content-section .content-middle h3 {
            font-size: 1rem;
            line-height: 1.5rem;
            font-weight:300;
        }
        .content-section .content-middle h4 {
            font-size: 0.8rem;
            line-height: 1rem;
            font-weight:300;
        }

/* ===================================================================
                CHANGE PASSWORD
=================================================================== */
input[type=password],
input[type=email] {
    min-width: 500px;
    padding: 10px;
    border: 1px solid black;
    outline: none;
    background: transparent;
    font-size: 1rem;
    color: var(--main-black) !important;
    display: block;
}

.changepwd-container form{
    margin-top:50px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.text-danger{
    font-size:0.8rem;
    color:red;
    font-weight:300;
}

@media (max-width: 768px) {
}

@media (max-width: 600px) {

}