.TextTyping span {
    display: none;
}


/*文字列後ろの線の設定*/

.TextTyping::after {
    content: "|";
    animation: typinganime .8s ease infinite;
}

@keyframes typinganime {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.feade {
    transition: opacity 2s;
}

#text {
    padding-top: 5px;
    padding-left: 5px;
    font-size: 1.4em;
}

#feade {
    /*fixedで全面に固定*/
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: #333;
    color: white;
    text-align: center;
}