.forgottenPasswordMain {
    h1 {
        text-align: center;
        background-color: #232F3E;
        color: white;
        width: 100%;
        padding: 0.5rem;
        text-transform: uppercase;
        font-size: 1.5rem;
        width: var(--fit);
        margin: 2rem;
        border-radius: var(--radius);
    }

    .forgottenPasswordIntro {
        margin: 2rem;
        text-align: center;
        color: var(--hint);
    }

    .forgottenPasswordMainSection {
        form {
            display: flex;
            flex-direction: column;
            text-align: center;
            gap: 1rem;

            .personalInformationInputLabelContainer {
                display: flex;
                flex-direction: column;
                width: fit-content;
                margin: 0 auto;
                gap: 0.5rem;

                label {
                    text-transform: uppercase;
                }

                input {
                    border-radius: var(--radius);
                    padding: 0.25rem;
                    text-align: center;
                }
            }

            .personalInformationModificationBtn {
                width: fit-content;
                margin: 1rem auto;
                border: none;
                border-radius: var(--radius);
                padding: 0.5rem;
                background-color: var(--hint);
                color: white;
                text-transform: uppercase;
                transition: 0.3s;

                &:hover {
                    transition: 0.3s;
                    cursor: pointer;
                    background-color: #025CC3;
                }
            }
        }
    }
}