asterose.

   <style>
.clearfix {margin-top: -125px;}
br {line-height:0px;}
td td td br {line-height:auto;}
table, tr, td {background-color:transparent !important;}
table table {visibility:hidden;}
table table table, table.blurbs td.text, span.orangetext15, #footerWarpper {display:none;}
div table, table.blurbs, table.blurbs table {visibility:visible; display:table; _display:inline;}
div div table div, div.clearfix a, input {display:none;}
div.clearfix table div div, #footerWarpper {display:block;}
</style>




 <link href="https://fonts.googleapis.com/css?family=Anton|Didact+Gothic|Pacifico" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bebas" rel="stylesheet">

<style>


body{
    background-image: url ('') ;
background-repeat: no-repeat;
background-position: bottom right;
background-attachment: fixed;
    background-color:#f4a9c6;
}




@font-face {
	font-family: 'Bebas Neue';
	src: url('BebasNeue.eot');
	src: url('BebasNeue.eot?#iefix') format('embedded-opentype'),
		url('BebasNeue.woff') format('woff'),
		url('BebasNeue.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
body, td, li, p, div, textarea, li, p, br {
font-family: arial;
font-size: 8px;
text-transform: uppercase;
color: #dddddd;
opacity: 1.0;
text-transform: none;
}

i {font: italic 8px;
font-family: arial;
text-transform: none;
font-weight: italics;
line-spacing: 4px;
color: #c3b6eb;
text-transform: uppercase;
font-weight: lighter;
text-transform: none;
}

b, strong {
color: #f6cf5a;
font-family: arial;
font-size: 8px;
letter-spacing: px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;

}

u {
color: #825af6;
font-family: calibri;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
border-bottom: solid 1px #000000;
}

big {
font-family: arial;
font-size: 12px;
font-style: none;
letter-spacing: 0px;
color: #2E7577;
text-transform: uppercase;
font-weight: lighter;
text-transform: none;
}

blockquote {
color: #ffffff;
background-color: #bfcaff;
border-left: solid 5px #b4c7d8;
padding: 5px 5px 5px 5px;
margin: 10px 10px 10px 10px;
}

a.yoncelink:active, a.yoncelink:visited, a.yoncelink:link {
display: inline-block;
font-family: arial;
font-size: 9px;
font-weight: bold;
color: #f4a9c6;
text-decoration: none;
text-align: center;
letter-spacing: 2px;
line-height: 17px;
text-transform: uppercase;
margin-bottom: 2px;
background-color: #f3ddd3;
width: 235px;
height: 15px;

-webkit-transition: ease-in-out .5s all;
}

a.yoncelink:hover {
background-color: #f4a9c6;
color: #f3ddd3;
}

a {
  font-family: arial;
  font-size: 8px;
  text-transform: none;
  color: #ffadcd;
  font-weight: lighter;
  text-decoration: none;
  letter-spacing: 0px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
}

a:hover {
  color: #bf7391;
}

  .lovely {
    position: fixed;
    right: 3px;
    bottom: 3px;
  }

  .lovely a {
    font-family: calibri;
    font-size: 9px;
    text-transform: uppercase;
    color: #a1a1a1;
    letter-spacing: 0px;
    text-decoration: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
  }

  .lovely a:hover {
    color: #000;
  }


.portrait1 {
z-index: 3;
width: 235px;
height: 250px;
left: 400px;
top: 60px;
padding: 10px;
background-color: #ffffff;
position: fixed;
overflow: auto;
overflow-x: hidden;
}

.portrait1text {
z-index: 2;
width: 235px;
height: 250px;
left: 390px;
top: 60px;
padding: 10px;
background-color: #ffffff;
position: fixed;
overflow: auto;
overflow-x: hidden;
border-left: solid 10px #fbf8d2;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
}

.portrait1text:hover {
  left: 130px;
}

.portrait2 {
z-index: 3;
width: 235px;
height: 250px;
left: 660px;
top: 60px;
padding: 10px;
background-color: #ffffff;
position: fixed;
overflow: auto;
overflow-x: hidden;
-webkit-transition: all 1.3s ease-in-out;
-moz-transition: all 1.3s ease-in-out;
-ms-transition: all 1.3s ease-in-out;
-o-transition: all 1.3s ease-in-out;
}

.portrait2text {
z-index: 2;
width: 235px;
height: 250px;
left: 660px;
top: 60px;
padding: 10px;
background-color: #ffffff;
position: fixed;
overflow: auto;
overflow-x: hidden;
border-right: solid 10px #fbf8d2;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
}

.portrait2text:hover {
  left: 920px;
}

.portrait3 {
z-index: 3;
width: 235px;
height: 250px;
left: 400px;
top: 335px;
padding: 10px;
background-color: #ffffff;
position: fixed;
overflow: auto;
overflow-x: hidden;
}

.portrait3text {
z-index: 2;
width: 235px;
height: 250px;
left: 390px;
top: 335px;
padding: 10px;
background-color: #ffffff;
position: fixed;
overflow: auto;
overflow-x: hidden;
border-left: solid 10px #fbf8d2;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
}

.portrait3text:hover {
  left: 130px;
}

.portrait4 {
z-index: 3;
width: 235px;
height: 250px;
left: 660px;
top: 335px;
padding: 10px;
background-color: #ffffff;
position: fixed;
overflow: auto;
overflow-x: hidden;
}

 .portrait4text {
z-index: 2;
width: 235px;
height: 250px;
left: 660px;
top: 335px;
padding: 10px;
background-color: #ffffff;
position: fixed;
overflow: auto;
overflow-x: hidden;
border-right: solid 10px #fbf8d2;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
}

.portrait4text:hover {
  left: 920px;
}



 h1 {
        font-size: 30px;
        color: #ffd0d0;
        line-height: 10px;
        font-family: 'Pacifico', cursive;
        letter-spacing: 0px;
        text-transform: lowercase;
        margin: 0px 0px 5px 0px;
        text-align: left;
        font-weight: lighter;
        font-style: italic;
        text-shadow: 1px 3px 0px #fbf8d2;
}

 h2 {
        font-size: 9px;
        color: #f4d893;
        line-height: 9px;
        font-family: georgia;
        letter-spacing: 2px;
        margin: 0px 0px 5px 0px;
        text-transform: ;
        text-align: center;
        font-weight: lighter;
        font-weight: bold;
        font-style: italic;

}

h3 {
        font-size: 25px;
        color: #c8f7ef;
        line-height: 20px;
        font-family: 'Lobster';
        margin: 0px 0px 5px 0px;
        letter-spacing: 0px;
        text-transform: lowercase;
        text-align: right;
        font-weight: bold;
        font-style: none;
        text-shadow: 2px 2px 0px #ffd0d0;

}


h4 {
    font-family:  'bebas neue';
    font-size: 14px;
    margin: 0px 0px 5px 0px;
    letter-spacing: 1px;
    text-align: center;
    background-color: #fff1cd;
    color: #ffffff;
    text-transform: uppercase;

  }

    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        padding-top: 15px;
    }

    ::-webkit-scrollbar-track {
        background-color: #transparent;
    }

    ::-webkit-scrollbar-thumb {
        height: 4px;
        width: 1px;

        background-color: #fec3c3;
    }

    ::-webkit-scrollbar-track-piece {
        height: 5px;
        width: 30px;
        }

    ::-moz-selection, ::selection {
        background: #d2b896;
        color: #ffffff;
        }

    ::selection {
        background: #d2b896;
        color: #ffffff;
    }


</style>

<div class="portrait1">
<img src="https://i.imgur.com/e2FIfZW.png">
</div>

<div class="portrait2">
<img src="https://i.imgur.com/E9f47Y5.png">
</div>


<div class="portrait3">
<img src="https://i.imgur.com/sNIMOLi.png">
</div>

<div class="portrait4">
<img src="https://i.imgur.com/OcsoabN.png">
</div>




 <div class="portrait1text">
<h1>this is header 1</h1><br>
<h2>this is header 2</h2><br>
<h3>this is header 3</h3><br>
<h4>this is header 4</h4><br>
<blockquote>this is a blockquote</blockquote>
this is normal <br>
<b>this is bold<b> <br>
<i>this is italic</i> <br>
<a href="/">this is a link</a> <br>

</div>

<div class="portrait2text">
So easily, with harsh words, you put scars in my heart without even saying sorry. Again, I’m comforting myself, always nervous if you’re gonna leave me, I just want you to stay. <br><br>

<i>In your expressionless face that’s getting more and more dull I whisper to the mirror, let’s slowly let this go.</i>
<b>You take me for granted but that’s you, but still, stay stay stay with me.</b>


<blockquote> i don’t expect a lot right now. just want you to stay. </blockquote>

There’s nothing more I want now, I can’t even tell if my heart is beating. Rather than forceful conversations with others I’d rather be in awkward silence with you. So stay, wherever that may be. Sometimes, when darkness comes, I’ll be your fire in this world that is a lie, the only truth, it’s you. This a letter from me to you <br><br>

<i>This sad melody resembles you, it makes me cry. Your scent is a sweet felony, I hate you so much, but, I love you.</i><br><br>

<b>Before the dark night traps me in don’t leave me. Do you still love me? If you feel the same don’t leave today, don’t ask why it has to be you... Just stay with me.</b>

</div>


<div class="portrait3text">
<h1> you're so beautiful </h1><br>
<h2>―i can't forget you </h2>

<br>

i only wanna be with you during the day and at night i want you like this, ooh, ooh every guy checks me out every day they all think they can get me i don’t want a lot of things i want your heart cut out your heart and show me confidently, sometimes chic, chic so hot, so hot make me not know what to do softly call out to me like a whistle in my ear don’t pass me by if you can’t forget me either, whoa my heart for you is fire my heart is beating so fast you can hear it closer and closer hold up don’t say anything just whistle to my heart that sound makes my heart flutter boom, boom thoughts are boring feelings are shh every day all day only stay by my side, zoom, zoom.<br><br>

<h3> your eyes still make my heart flutter</h3>
<blockquote> make’ em whistle like a missile bomb, bomb </blockquote>
<h2>i hope we won’t just pass by like the wind</h2>
<br>

my mom told me every day to always be careful of guys because love is like playing with fire i’ll get hurt my mom might be right because when i see you, my heart gets hot because rather than fear my attraction to you is bigger i can’t stop this trembling on and on and on i wanna throw my all into your world look at me look at me now you are burning me up like this i can’t turn it off our love that’s like playing with fire. <Br><br>

oh no, i’ve already come too far suddenly, none of this is a game anymore love is like red fire blow, wind, so the fire will grow is this medicine or poison? not even my mom knows a robber in my heart, why don’t the police know? pour out your oil in my burning heart kiss him will i diss him i don’t know but i miss him this is past addiction, this love is crack the color of my heart is black

</div>

<div class="portrait4text">
<center>
<h4>navigation</h4>
<a class="yoncelink" href="/">LINK</a>
<a class="yoncelink" href="/">LINK</a>
<a class="yoncelink" href="/">LINK</a>
<a class="yoncelink" href="/">LINK</a>
<a class="yoncelink" href="/">LINK</a>
<a class="yoncelink" href="/">LINK</a>
<br/>
<h4>connections</h4>
<a class="yoncelink" href="/">LINK</a>
<a class="yoncelink" href="/">LINK</a>
<a class="yoncelink" href="/">LINK</a>
<a class="yoncelink" href="/">LINK</a>
<a class="yoncelink" href="/">LINK</a>
<a class="yoncelink" href="/">LINK</a>

</center>
</div>







<div class="lovely">
    <a class="lovely" href="http://aniroleplay.com/enixdirectory">C</a>
</div>