meulin

<style>
@import url('https://fonts.googleapis.com/css?family=Cute+Font|Shadows+Into+Light');

 ::-webkit-scrollbar {width: 0.3vw; height: 0.3vw;}
 ::-webkit-scrollbar-track { border-radius: 0px; background-color: transparent;}
 ::-webkit-scrollbar-thumb { border-radius: 0px; background-color: transparent;}


body {
 background: #365A2F;
 background-image: url("https://www.transparenttextures.com/patterns/black-mamba.png");
}

b, strong {
color: #DBFBB7;
}

i, em {
color: #DBFBB7;
}

strike {
color: #DBFBB7;
}

u {
color: #DBFBB7;
}

a {color: #DBFBB7; Border-bottom: 2px solid #000000;}

h1 {font-family: 'Cute Font';
font-size: 25px;
letter-spacing: 3px;
background: white;
color: #000000;
text-align: center;}

h2 { Color: #000000; Border-bottom: 2px double #DBFBB7; Border-top: 2px double #DBFBB7; font-size:16px; text-align: center; font-family: 'Shadows Into Light';}


.bartop {
Position: fixed;
Bottom: -50px;
right: 65px;
Width: 300px;
Height: 200%;
background: #81A779;
border: 10px double #A9EB9C;
Z-index: -5;
}

.mew {
Position: fixed;
background-image: url('https://i.imgur.com/rciqqoD.png');
background-repeat: no-repeat;
background-size: 100% 100%;
Bottom: -3px;
right: 20px;
Width: 370px;
Height: 370px;
}

/* Buttons */

.ff {background-image: url(https://i.imgur.com/M4iwjBP.png); background-size: 100% 100%; background-repeat: no-repeat; z-index: 5; position: absolute; right: 0px; bottom: 0px; width: 55px; height: 55px; -ms-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); transform: rotate(-50deg);}

.ff:hover {background-image: url(https://i.imgur.com/M4iwjBP.png); background-size: 100% 100%; background-repeat: no-repeat; z-index: 5; position: absolute; right: 5px; bottom: 0px; width: 55px; height: 55px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}

.f1 {Position: absolute; bottom: 560px; right: 330px; Z-index: 2;}

.f2 {Position: absolute; bottom: 480px; right: 300px; Z-index: 2;}

.f3 {Position: absolute; bottom: 500px; right: 210px; Z-index: 2;}

.f4 {Position: absolute; bottom: 420px; right: 190px; Z-index: 2;}

.f5 {Position: absolute; bottom: 450px; right: 90px; Z-index: 2;}

.f6 {Position: absolute; bottom: 350px; right: 70px; Z-index: 2;}

.slide {
Position: fixed;
bottom: 0px;
Right: 0px;
transition: all 0.8s ease-in-out; opacity: 0;
z-index:-8;
}

.slide:target {
bottom: 0px;
transition: all 0.8s ease-in-out; opacity: 1;
z-index: 5;}

/* 1 */

.meu1 {Width: 280px;
Height: 280px;
font-size: 12px;
Overflow: auto; color:#000000;
position:absolute; Bottom: 95px;
Right: 400px;
padding: 20px 20px;
border-radius: 10px 10px 10px 10px;
visibility:visible; overflow: auto;}

.pic1 {Width: 150px;
Height: 320px;
background-image: url('https://i.imgur.com/m9LLWDV.png');
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 10px 0px 0px 10px;
position:absolute; Bottom: 95px;
Right: 710px;
z-index: 2;}

.meu2 {Width: 456px;
Height: 316px;
background-color: #81A779;
border: 4px double #A9EB9C;
position:absolute; Bottom: 95px;
Right: 400px;
border-radius: 10px 10px 10px 10px;
z-index: -2;}

.name {
Position: absolute;
Bottom: 400px;
Right: 360px;
width: 400px;
height: 80px;
Color: #fff;
Font-family: 'Cute Font';
Font-size: 58px;
letter-spacing: 2px;
z-index: -5;
}

/* Rest */

.pawb {Width: 200px;
Height: 200px;
font-size: 12px;
Overflow: auto; color:#000000;
background-color: #81A779;
border: 4px solid #A9EB9C;
position:absolute; Bottom: 95px;
Right: 500px;
padding: 50px 50px;
border-radius: 100%;
visibility:visible; overflow: auto;}

.jellyb1 { Width: 100px;
Height: 100px;
border-radius: 100%;
background-image:url("https://i.pinimg.com/564x/54/78/6f/54786f4abe7e28f93c53143427c0c22a.jpg"); background-repeat:no-repeat; background-size: 100% 100%;
border: 4px solid #A9EB9C;
position:fixed; Bottom: 370px;
Right: 760px; }

.jellyb2 { Width: 100px;
Height: 100px;
border-radius: 100%;
background-image:url("https://i.pinimg.com/564x/83/b2/99/83b299841f268d397294cdd50b868f0d.jpg"); background-repeat:no-repeat; background-size: 100% 100%;
border: 4px solid #A9EB9C;
position:fixed; Bottom: 420px;
Right: 600px; }

.jellyb3 { Width: 100px;
Height: 100px;
border-radius: 100%;
background-image:url("https://78.media.tumblr.com/a99c75798183a8778eb06f7e29ec76e3/tumblr_ot9a2ubiSE1uzius0o1_500.png"); background-repeat:no-repeat; background-size: 100% 100%;
border: 4px solid #A9EB9C;
position:fixed; Bottom: 370px;
Right: 440px; }

.bean1 { Width: 100px;
Height: 100px;
border-radius: 100%;
background-image:url("https://i.pinimg.com/564x/cd/91/b9/cd91b9943e2d2a2d40ced213b3f0d85d.jpg"); background-repeat:no-repeat; background-size: 100% 100%;
border: 4px solid #A9EB9C;
position:fixed; Bottom: 370px;
Right: 760px; }

.bean2 { Width: 100px;
Height: 100px;
border-radius: 100%;
background-image:url("https://78.media.tumblr.com/47f7edf713e5616ab704d7394cfad36f/tumblr_o6zaieLb041tsq9fho1_r1_500.jpg"); background-repeat:no-repeat; background-size: 100% 100%;
border: 4px solid #A9EB9C;
position:fixed; Bottom: 420px;
Right: 600px; }

.bean3 { Width: 100px;
Height: 100px;
border-radius: 100%;
background-image:url("https://orig00.deviantart.net/d622/f/2013/082/5/f/kurlin_by_snowy_town-d5z14ki.png"); background-repeat:no-repeat; background-size: 100% 100%;
border: 4px solid #A9EB9C;
position:fixed; Bottom: 370px;
Right: 440px; }

.pad1 { Width: 100px;
Height: 100px;
border-radius: 100%;
background-image:url("https://78.media.tumblr.com/52d07c48ccb255aaae9a48b5733d6aad/tumblr_p7grlwVKmg1xqvq4bo1_500.png"); background-repeat:no-repeat; background-size: 100% 100%;
border: 4px solid #A9EB9C;
position:fixed; Bottom: 370px;
Right: 760px; }

.pad2 { Width: 100px;
Height: 100px;
border-radius: 100%;
background-image:url("https://i.pinimg.com/originals/f2/fd/a7/f2fda72687af84d272c31d57931052ee.jpg"); background-repeat:no-repeat; background-size: 100% 100%;
border: 4px solid #A9EB9C;
position:fixed; Bottom: 420px;
Right: 600px; }

.pad3 { Width: 100px;
Height: 100px;
border-radius: 100%;
background-image:url("https://78.media.tumblr.com/ee958a18c1f0bce70df22a43b7e86abd/tumblr_ntqym8iVJx1tuso4fo7_1280.png"); background-repeat:no-repeat; background-size: 100% 100%;
border: 4px solid #A9EB9C;
position:fixed; Bottom: 370px;
Right: 440px; }

/* Ooc */

.over {Width: 180px;
Height: 290px;
background-color: #81A779;
border: 4px double #A9EB9C;
background-image: url(http://24.media.tumblr.com/a63f1ece9307c079b608b3849c7c8997/tumblr_mro62yt04X1stjrdoo1_500.gif);
background-size: 100% 100%;
background-repeat: no-repeat;
position:absolute; Bottom: 110px;
Right: 675px;
border-radius: 10px 10px 10px 10px;
z-index: -2;}

.bubble {Width: 212px;
Height: 275px;
background-color: #81A779;
border: 4px double #A9EB9C;
position:absolute; Bottom: 95px;
Right: 400px; Overflow: auto;
border-radius: 10px 10px 10px 10px;
font-size: 12px;
padding: 20px 20px;
z-index: -2;}
</style>

<div id="1" class="slide">
<div class="name">Meulin Leijon</div><div class="pic1"></div><div class="meu2"></div>
<div class="meu1">
<h1>Dossier</h1>

<b><font style=float:left>Name:</font></b> <font style=float:right> Meulin Leijon.</span></font><br>

<b><font style=float:left>Alias:</font></b> <font style=float:right> MEOWLIN, meu, lejayjay, meumix, kitty bitch.</span></font><br>

<b><font style=float:left>Apparent Age:</font></b> <font style=float:right>9 solar sweeps/19 earth years.</span></font><br>

<b><font style=float:left>Actual Age:</font></b> <font style=float:right> Millenniums+</span></font><br>

<b><font style=float:left>Typing:</font></b> <font style=float:right> ALL CAPS, "EE" for"33",cat emoticon & puns.</span></font><br>

<b><font style=float:left>Home Planet:</font></b> <font style=float:right> Beforus.</span></font><br>

<b><font style=float:left>Classpect:</font></b> <font style=float:right> Mage of Heart

.</span></font><br>

<b><font style=float:left>Interest:</font></b> <font style=float:right> Shipping, romantic sciences.</span></font><br>

<b><font style=float:left>Alignment:</font></b> <font style=float:right> True Neutral.</span></font><br>

<b><font style=float:left>Cattitude:</font></b> <font style=float:right> Trusting, Carefree, Forgiving & Kind.</span></font><br>
</div></div>
<div id="2" class="slide">

<a href="https://i.pinimg.com/564x/54/78/6f/54786f4abe7e28f93c53143427c0c22a.jpg" target="_blank"><div class="jellyb1"></div></a>

<a href="https://i.pinimg.com/564x/83/b2/99/83b299841f268d397294cdd50b868f0d.jpg" target="_blank"><div class="jellyb2"></div></a>

<a href="https://78.media.tumblr.com/a99c75798183a8778eb06f7e29ec76e3/tumblr_ot9a2ubiSE1uzius0o1_500.png" target="_blank"><div class="jellyb3"></div></a>

<div class="pawb">

<h2>Hissstory</h2>


</div></div>
<div id="3" class="slide">

<a href="https://i.pinimg.com/564x/cd/91/b9/cd91b9943e2d2a2d40ced213b3f0d85d.jpg" target="_blank"><div class="bean1"></div></a>

<a href="https://78.media.tumblr.com/47f7edf713e5616ab704d7394cfad36f/tumblr_o6zaieLb041tsq9fho1_r1_500.jpg" target="_blank"><div class="bean2"></div></a>

<a href="https://orig00.deviantart.net/d622/f/2013/082/5/f/kurlin_by_snowy_town-d5z14ki.png" target="_blank"><div class="bean3"></div></a>

<div class="pawb">
<h1>Quadrants</h1>

</div></div>
<div id="4" class="slide">

<a href="https://78.media.tumblr.com/52d07c48ccb255aaae9a48b5733d6aad/tumblr_p7grlwVKmg1xqvq4bo1_500.png" target="_blank"><div class="pad1"></div></a>

<a href="https://i.pinimg.com/originals/f2/fd/a7/f2fda72687af84d272c31d57931052ee.jpg" target="_blank"><div class="pad2"></div></a>

<a href="https://78.media.tumblr.com/ee958a18c1f0bce70df22a43b7e86abd/tumblr_ntqym8iVJx1tuso4fo7_1280.png" target="_blank"><div class="pad3"></div></a>

<div class="pawb">

<h2>Head-canons</h2>


</div></div>
<div id="5" class="slide"><div class="over"></div>
<div class="bubble">

<h1>Out of Character</h1>
<br>
<center>
01. Never really ooc, but if it happens you'll know because I'll drop the caps.<br><br>
02. As far as ships are concerned earn it. Chemistry is a must. I don't insta-ship.<br><br>
03. Meuloz ships get priority and are really the only ones I am personally after, though ships may happen through rp.<br><br>
04. Due to unforeseen recent drama I've became not pm friendly to those I don't know. Approaching me OOC is one thing; <u><b>You'll get nowhere approaching me icly</u></b><br><br>
05. It's not that hard to treat others the way you'd like to be treated. So do it.<br><br>
06. Will rp with more than one of each homestuck character, but those listed on this profile get priority. That being said to get on my profile takes interactions.<br><br>
07. I work M-F 3pm-11pm Eastern Time Zone. Sorry if i am not around as often as you'd like, but rl is most important.<br><br>
08. I will use meulin's quirk. If you dont like it. Dont rp with me; that simple.
</center>

</div>
</div>



<div id="6" class="slide"></div>


<div class="f1"><a href="#1"><div class="ff"></div></div></a>

<div class="f2"><a href="#2"><div class="ff"></div></div></a>

<div class="f3"><a href="#3"><div class="ff"></div></div></a>

<div class="f4"><a href="#4"><div class="ff"></div></div></a>

<div class="f5"><a href="#5"><div class="ff"></div></div></a>

<div class="f6"><a href="#6"><div class="ff"></div></div></a>

<div class="bartop"></div><div class="mew"></div>