Scrolling speech box

<style>

#arrow{
position: absolute;
z-index: 2;
left: 59vw;
top: 44.5vh;
width: 5vh;
height: 10vh;
background-color: #000000;
skewx: 10;
-ms-transform: skewX(40deg); /* IE 9 */
-webkit-transform: skewX(40deg); /* Safari */
transform: skewX(40deg);
}

#box{
position: absolute;
z-index: 3;
left: 40vw;
top: 30vh;
width: 20vw;
height: 20.6vh;
background-color: #FFFFFF;
border: 2vh solid #000000;
overflow: hidden;
}

#box p{
 width: 90%;
 height: 90%;
 position: relative;
 left: 5%;
 top: 12vh;

animation: textScroll 40s linear infinite;
animation-delay:2s;
-webkit-animation: textScroll 40s linear infinite;
-webkit-animation-delay: 2s;
}

@keyframes textScroll{
from{top: 12vh;}
to{top: -75vh;}
}
-webkit-@keyframes textScroll{
from{top: 12vh;}
to{top: -75vh;}
}
</style>

<div id="box">
<p>
<br><br>
Lorem ipsum dolor sit amet, sit eu odio posse ullum, at tation causae his. Invenire efficiendi ad mel, no sea officiis gubergren. Tollit corpora definitionem eu duo, an pro singulis delicata, et paulo deleniti per. Nec in scribentur neglegentur, regione convenire pro eu, omnium aliquip cu duo.

Dignissim argumentum cu usu, esse partiendo signiferumque cu qui. Id eos diceret forensibus, eam ad postea oporteat. Probo consectetuer sea ex, qui eu eripuit definitionem. Ut regione legendos sed, has at case ornatus. Ea mei aeque accusam inimicus.

Cu sea affert praesent iracundia. Id has doming habemus disputando. Vim malis singulis ei, choro mucius has id, te quod prima his. Quo legere molestiae ex.

An est odio petentium. Pro at diceret admodum. Verear accumsan incorrupte vix no. Accusam democritum reformidans est eu, duo ut vide novum mentitum.

In option ceteros quo, sed nemore eligendi ex. Ei nullam erroribus cum, in sea consul quaerendum accommodare. Vis oratio molestiae reprimique cu, altera utamur veritus mea id, ei mei blandit disputationi. Ludus tritani ad his, mel dolorum deserunt antiopam at. Pro rebum tollit antiopam et.
</p>
</div>

<div id="arrow">
</div>