[dohtml]<link href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap" rel="stylesheet"><style type="text/css">#bex {width: 330px; height: 490px; position: relative; overflow: hidden;}

#bex .page { -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; position: absolute; left: 0px; bottom: 0px; width: 330px; height: 500px;}

#bex:hover .page {-WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT; -MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT; O-TRANSITION: 0.8S ALL EASE-IN-OUT; left: -330px;}
</style><style type="text/css">

.blainerz::-webkit-scrollbar {width: 5px;}
.blainerz::-webkit-scrollbar-thumb {background: #440000;}
.blainerz::-webkit-scrollbar-corner {background: #f0f0f0;}

</style>
<center>
<div id="bex"><div class="page">

<img src="https://i.imgur.com/RpE8DGi.jpg"height=470" width=330">

</div><div style="width: 3oopx; height:436px; padding: 2px; background-color: #F7E7CE; border: 10px solid #440000;"><div style="width: 3o0px; height: 415px;overflow: auto; padding: 10px; background-Color:#F7E7CE; font-family: 'Great Vibes', cursive; color: #000000; font-size: 20px; line-height: 100%; text-align: justify;"class="blainerz"> [b]Dear Diary,[/b]</p> <div style="width: 3o0px;  font-family: Times;   color: #000000; font-size: 13px; line-height: 120%; text-align: justify;"class="blainerz">
YOUR TEXT GOES HERE IT WILL SCROLL AUTOMATICALLY
<div style="width: 3o0px;  font-family: 'Great Vibes', cursive; color: #000000; font-size: 20px; line-height: 120%; text-align: justify;"class="blainerz">[align=right][b]Character Name[/b][/align] </div>
</div></center><center>[URL=http://cttw.jcink.net/index.php?showuser=27847] ☪[/URL]</center>

</center>[/dohtml]