@charset "utf-8";

.animated-image {
    width: 100%;
    height: auto;
    /* filter: grayscale(50%); */
    /* animation: colorChange 10s infinite alternate; 秒間でアニメーションを実行、無限に繰り返す */
}

@keyframes colorChange {
    0% {
        filter: grayscale(70%);
    }
    50% {
        filter: grayscale(0%);
    }
    100% {
        filter: grayscale(70%);
    }
}

.fade-in-section {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    margin: 40px 0;
}

.fade-in {
    opacity: 1;
}
#animated-text {
    display: inline-block;
    overflow: hidden;
    opacity: 0;
    /* animation: typing 4s steps(50, end), blink-caret 0.75s step-end infinite; */
}

/* @keyframes typing {
    from { width: 0% }
    to { width: 100% }
} */

/* @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: orange; }
} */