style.css

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

.text-area{
    margin: auto;
    text-align: center;
    display: none;
    color: white;
}

@-webkit-keyframes blurAppear{
    0%{
        opacity: 0;
        -webkit-filter: blur(50px);
                filter: blur(50px);
        -webkit-transform: scale(0.1);
                transform: scale(0.1);
    }

    20%{
        opacity: 1;
        -webkit-filter: blur(0px);
                filter: blur(0px);
        -webkit-transform: scale(1);
                transform: scale(1);
    }

    80%{
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }

    100%{
        opacity: 0;
        -webkit-transform: scale(0.1);
                transform: scale(0.1);
    }
}

@keyframes blurAppear{
    0%{
        opacity: 0;
        -webkit-filter: blur(50px);
                filter: blur(50px);
        -webkit-transform: scale(0.1);
                transform: scale(0.1);
    }

    20%{
        opacity: 1;
        -webkit-filter: blur(0px);
                filter: blur(0px);
        -webkit-transform: scale(1);
                transform: scale(1);
    }

    80%{
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }

    100%{
        opacity: 0;
        -webkit-transform: scale(0.1);
                transform: scale(0.1);
    }
}