#titles {
            position: absolute;
            width: 18em;
            height: 40em;
            bottom: 0;
            left: 50%;
            margin-left: -9em;
            font-size: 350%;
            font-weight: bold;
            text-align: center;
            overflow: hidden;
            -webkit-transform-origin: 50% 100%;
            -moz-transform-origin: 50% 100%;
            -o-transform-origin: 50% 100%;
            -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            -webkit-transform: perspective(300px) rotateX(25deg);
            -moz-transform: perspective(300px) rotateX(25deg);
            -o-transform: perspective(300px) rotateX(25deg);
            -ms-transform: perspective(300px) rotateX(25deg);
            transform: perspective(300px) rotateX(25deg);
            color: yellow;
        }

        #titles:after {
            position: absolute;
            content: ' ';
            left: 0;
            right: 0;
            top: 0;
            bottom: 60%;
            background-image: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
            background-image: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
            background-image: -o-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
            background-image: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
            background-image: linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
            //pointer-events: none;
        }

        #titlecontent {
            position: absolute;
            top: 100%;
            -webkit-animation: scroll 100s linear 4s infinite;
            -moz-animation: scroll 100s linear 4s infinite;
            -ms-animation: scroll 100s linear 4s infinite;
            -o-animation: scroll 100s linear 4s infinite;
            animation: scroll 100s linear 4s infinite;  
        }

        @-webkit-keyframes "scroll" { 0% { top: 100%; } 100% { top: -110%; } }
        @-moz-keyframes "scroll" { 0% { top: 100%; } 100% { top: -110%; } }
        @-ms-keyframes "scroll" { 0% { top: 100%; } 100% { top: -110%; } }
        @-o-keyframes "scroll" { 0% { top: 100%; } 100% { top: -110%; } }
        @keyframes "scroll" { 0% { top: 100%; } 100% { top: -110%; } }