.profile-text {
    display: flex;
    background-image: url('pic/kezdolap.png');
    background-position: right center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 40px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.9s ease-in-out;
    min-height: 350px;
    max-width: 850px;
    background-image: linear-gradient(to right, white, #f7d7c4);
    margin-bottom: 50px;
    align-items: center;
    /* Új sor */
    /* vagy elegendő tér a lábléchez képest */
    /* Színátmenet balról jobbra */
}




.profile-text:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.image-3d {
    width: 300px;
    height: 300px;
    background-image: url('/pic/evi.jpg');
    background-size: cover;
    filter: drop-shadow(2px 4px 6px black);
    transform: perspective(500px) rotateY(20deg);
    transition: height 0.3s ease-in-out;
    margin-left: -50px;
    /* Balra tolja a képet 50 pixellel */
}


.handwritten {
    width: 450px;
}

.handwritten2 {
    width: 450px;
    font-family: 'Indie Flower', cursive;
    font-size: 18px;
}

#more-btn {
    cursor: pointer;
    color: #F2A68D;
    text-decoration: underline;
}

#fullText {
    display: none;
}

.custom-h3 {
    color: #333;
    text-align: center;
    font-size: 24px;
    /* Nagyobb betűméret */
    font-weight: bold;
    /* Félkövér betűstílus */
    margin-top: 20px;
    /* Felső margó */
    margin-bottom: 10px;
    /* Alsó margó */
    padding-bottom: 10px;
    /* Alsó padding */
    border-bottom: 2px solid #F2A68D;
    /* Kék színű alsó vonal */
    width: 100%;
    /* Szélesség beállítása */
    font-family: 'Indie Flower', cursive;
}



@media (max-width: 768px) {
    .profile-text {
        display: flex;
        flex-direction: row;
        /* Alapértelmezett sorrend, vízszintes elrendezés */
        justify-content: space-between;
        /* Elemek közötti hely kitöltése */
        align-items: center;
        /* Elemek középre igazítása */
        background-image: linear-gradient(to right, white, #f7d7c4), url('pic/kezdolap.png');
        background-position: right center;
        /* Háttérkép helyzete */
        background-attachment: fixed;
        /* Háttérkép rögzítése */
        background-repeat: no-repeat;
        /* Háttérkép ismétlődésének tiltása */
        border-radius: 10px;
        padding: 20px;
        /* Padding csökkentése */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        /* Árnyék beállítása */
        transition: box-shadow 0.9s ease-in-out;
        /* Árnyék animációja */
        min-height: 175px;
        /* Minimális magasság csökkentése */
        max-width: 425px;
        /* Maximális szélesség csökkentése */
        margin-bottom: 25px;
        /* Alsó margó csökkentése */
    }

    .profile-text.column-direction {
        flex-direction: column;
        /* Függőleges elrendezésre váltás a gombra kattintáskor */
    }

    .profile-text:hover {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        /* Árnyék hover állapotban */
    }

    .image-3d {
        width: 220px;
        /* Kép szélességének csökkentése */
        height: 300px;
        /* Kép magasságának csökkentése, eredeti magasság megtartása */
        background-image: url('/pic/evi.jpg');
        background-size: cover;
        filter: drop-shadow(1px 2px 3px black);
        /* Árnyék finomítása */
        transition: transform 0.3s ease-in-out;
        transform: perspective(500px) rotateY(0deg);
        /* Transformáció animációja */
    }

    .image-3d.full-width {
        width: 100%;
        /* Teljes szélesség a gombra kattintáskor */
        height: auto;
        /* Automatikus magasság a gombra kattintáskor */
        order: -1;
        /* Kép előre helyezése a szöveg előtt */
        transform: perspective(500px) rotateY(0deg);
    }

    .handwritten,
    .handwritten2 {
        width: 160px;
        /* Szövegdobozok szélességének csökkentése */
    }

    .handwritten.full-width,
    .handwritten2.full-width {
        width: 100%;
        font-size: 16px;
        /* Szélesség beállítása 100%-ra a gombra kattintáskor */
    }

    .handwritten2 {
        font-family: 'Indie Flower', cursive;
        font-size: 12px;
        /* Betűméret csökkentése */
    }

    #more-btn {
        cursor: pointer;
        color: #F2A68D;
        text-decoration: underline;
    }

    #fullText {
        display: none;
        /* Teljes szöveg elrejtése alapértelmezetten */
    }

    .custom-h3 {
        color: #333;
        text-align: center;
        font-size: 18px;
        /* Cím betűméretének csökkentése */
        font-weight: bold;
        margin-top: 10px;
        /* Felső margó csökkentése */
        margin-bottom: 5px;
        /* Alsó margó csökkentése */
        padding-bottom: 5px;
        /* Alsó padding csökkentése */
        border-bottom: 1px solid #F2A68D;
        /* Alsó vonal vékonyítása */
        width: 100%;
        font-family: 'Indie Flower', cursive;
    }
}