UF MOM

<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:  #ff80b3;
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>
<style>
@import url('https://fonts.googleapis.com/css?family=VT323');

body{
 background-image: url("http://distorted-machine.com/images/backgrounds/BG2_3.gif");
 background-size: cover;

 animation: marioScroll 200s infinite;
 animation-delay: 0.5s;
 -webkit-animation: marioScroll 200s infinite;
 -webkit-animation-delay: 0.5s;
}

@keyframes marioScroll{
 from{background-position: 0% 0%;}
 to{background-position: 100% 0%;}
}
-webkit-@keyframes marioScroll{
 from{background-position: 0% 0%;}
 to{background-position: 100% 0%;}
}

#textBox{
 position: fixed;
 border: 0.5vh solid    #ff80b3;
 border-radius: 1vh;
 overflow: auto;
 background: rgba(0,0,0,0.8);
 box-shadow: 2vh 2vh 3vh #ff1a75;
 color: #FFFFFF;
 left: 27.5vw;
 bottom: 5vh;
 width: 45vw;
 height: auto;
 font-size: 2vw;
 padding: 0.5vh;
 text-align: center;
 font-family: 'VT323';
}

#mainImage{
 position: fixed;
 width: 40vw;
 height: auto;
 left: 30vw;
 bottom: 20vh;
}
#mainImage img{
 width: 100%;
 filter: drop-shadow(2vh 2vh 1.5vh #000000);
 -webkit-filter: drop-shadow(2vh 2vh 1.5vh #000000);
}

#bobbingPlant{
 position: fixed;
 bottom: 0vh;
 right: 20vw;
 width: 5vw;
}
#bobbingPlant img{
 width: 100%;
 filter: drop-shadow(2vh 2vh 1.5vh #000000);
 -webkit-filter: drop-shadow(2vh 2vh 1.5vh #000000);
}

a{
 text-decoration: none;
 color: #FFFFFF;
 transition: 0.5s;
 animation: linkBlink 1s infinite;
 -webkit-animation: linkBlink 1s infinite;
}
a:hover{
 color: yellow;
 text-shadow: 0vh 0vh 1vh #FFFFFF;
}

@keyframes linkBlink{
 0%{opacity: 1;}
 50%{opacity: 0.3;}
 100%{opacity: 1;}
}

h1{
 text-decoration: none;
 color: yellow;
 display: inline;
 transition: 0.5s;
 animation: linkBlink 1s infinite;
 font-size: 3vh;
 -webkit-animation: linkBlink 1s infinite;
}

#ooc{
 position: fixed;
 border: 0.5vh solid #18A337;
 border-radius: 1vh;
 overflow: hidden;
 background: rgba(0,0,0,0.8);
 box-shadow: 2vh 2vh 3vh #000000;
 color: #FFFFFF;
 right: 1vw;
 top: 1vh;
 width: 6vw;
 height: 3vh;
 font-size: 1vw;
 padding: 0.5vh;
 text-align: center;
 font-family: 'VT323';
 transition: 2s;
}

#ooc p{
 text-align: left;
}

#ooc:hover{
 width: 25vw;
 height: 25vh;
}
</style>

<div id="mainImage">
<div id="picture">
<img src="http://oi68.tinypic.com/2q3anug.jpg" height="80%" width="100%">

</div>

<div id="bobbingPlant">
 <img src="http://www.holyspiritled.com/images/realistic-fire-animated-transparent-gif-short-1.gif">
</div>

<div id="textBox">
 This <a href="https://roleplay.chat/profile.php?user=Boss%20Asgore" target="new">MAN</a> has given me a reason to smile...so heal, he has given me the will to live and I will kill anyone who tries to harm him and his, I vow it.<font color="pink">♥</font><a href="https://www.youtube.com/watch?v=uctPlt1AWDw" target="new"> (He is mine, I am his)</a>
</div>

<div id="ooc">
 <h1>OOC</h1><br />
 <p>♥ Heavy lean towards literacy<br />
 ♥ Literacy does not mean long-winded; 1-2 para adored<br />
 ♥ Room interaction is best!<br />
 ♥ Not always here to smut<br />
 ♥ Mostly interested in dicks, but sports one as well<br />
 ♥ Careful! Can get pregnant~</p>
</div>