@charset "utf-8";

.h2-framein {
    opacity: 0;
    transition-property: all;
    transition-duration: 1200ms;
    transition-delay: 200ms;
    transform: translateY(-100px)
}

.h2-framein.move {
    transform: translateY(0);
    opacity: 1;
}

.about__text {
    opacity: 0;
    transition-property: all;
    transition-duration: 2000ms;
    transition-delay: 200ms;
    transform: translateY(50px)
}

.about__text.move {
    transform: translateY(0);
    opacity: 1;
}

.about__img {
    opacity: 0;
    transition-property: all;
    transition-duration: 1400ms;
    transition-delay: 200ms;
}

.about__img.move {
    opacity: 1;
}

@media screen and (min-width : 768px) {
    .about__textarea {
        overflow: hidden;
    }

    .about__text {
        transform: translateY(-50px);
    }

    .about__text.move {
        transform: translateY(0);
    }

    .about__textarea2 .about__text,
    .about__textarea2 .about__img {
        transition-delay: 1000ms;
    }

    .about__textarea3 .about__text,
    .about__textarea3 .about__img {
        transition-delay: 1500ms;
    }
}