let's mosey.

  <link href="https://fonts.googleapis.com/css?family=Fjalla+One|Open+Sans+Condensed:300|Oswald|Rochester" rel="stylesheet">

<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;}


@font-face { font-family:"lobster"; src:url('https://www.dl.dropboxusercontent.com/s/tvjbnw93uyt8hqg/Lobster%201.4.otf?dl=0');}

body {
 background-color: #4c4c4c;
 background-image: url('');
background-position: bottom left;
background-repeat:no-repeat;
background-attachment:fixed;


}

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: calibri;
font-size: 8px;
text-transform: lowercase;
color: #a1a1a1;
text-transform: none;
}

i {
font-size: 11px;
font-family: calibri;
text-transform: none;
font-weight: italic;
letter-spacing: 0px;
color: #000000;
text-transform: lowercase;
text-shadow: 1px 0px 2px #919191;

}

b, strong {
color: #000000;
font-family: calibri;
font-size: 8px;
font-variant:small-caps;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
text-shadow: 1px 0px 2px #919191;
}

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

big {
font-family: verdana;
font-size: 12px;
font-style: none;
letter-spacing: -1px;
color: #f4da8d;
text-transform: uppercase;
font-weight: bold;
text-transform: none;
}

blockquote {
background-color: #f6f6f6;
color: #000000;
border-left: solid 5px #7c7c7c;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
}

s {
color: #000000;
font-family: candara;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: line-through;
}

a.yoncelink:active, a.yoncelink:visited, a.yoncelink:link {
display: inline-block;
background-color: #000000;
width: 25px;
height: 25px;
font-family: arial black;
font-size: 8px;
font-style: bold;
color: #edafbd;
text-decoration: none;
text-align: center;
letter-spacing: 0px;
font-weight: bold;
line-height: 15px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 2px;
-webkit-transition: ease-in-out .5s all;
}

a.yoncelink:hover {
background-color: #ba8888;
color: #d57289;
}

a {
  font-family: arial;
  font-size: 5px;
  text-transform: none;
  color: #d7d7d7;
  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: #000000;
  text-decoration: none;
}

::-webkit-scrollbar {
    width: 9px;
    height: 5px;
    padding-top: 10px;
    background: #transparent;
}

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

::-webkit-scrollbar-thumb:vertical  {
      background: #ddd;
    border: 3px solid #fff;
}

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



::-moz-selection, ::selection
{background: #ba8888; color: #ffffff; !important
}

::selection
{background: #ba8888; color: #ffffff; !important
}

 h1 {
        font-size: 70px;
        color: #000000;
        line-height: 0px;
        font-family: 'oswald', sans-serif;
        letter-spacing: 0px;
        text-transform: uppercase;
        margin: px px px px;
        text-align: center;
        font-weight: bold;
        font-style: none;
        text-shadow: 1px 2px 3px #919191;



}

h2 {

  font-size: 72px;
  line-height: 72px;
  font-family: 'Oswald', sans-serif;
  letter-spacing: 0px;
  text-transform: uppercase;
  margin: 7px 0px 7px 0px;
  text-align: center;
  font-weight: bold;
  font-style: none;
  display: inline-block;
  color: #ffffff;
  background: -webkit-linear-gradient(135deg, #edafbd, #ecb5c2, #dcb4be);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



h3 {
      font-size: 18px;
        color: #ffffff;
        line-height: 10px;
        font-family: 'Oswald', sans-serif;
        letter-spacing: 0px;
        text-transform: uppercase;
        margin: px px px px;
        text-align: center;
        font-weight: bold;
        font-style: none;
        text-shadow: 1px 2px 3px #919191;
}

 .header1 {
z-index: 2;
width: 450px;
height: 95px;
position: fixed;
background-color: #transparent;
padding: 5px;
opacity: 1;
margin: auto;
left: 0; right: 0; bottom: 0; top: 0;
overflow: auto;
overflow-x: hidden; }

.infobox1 {
z-index: 3;
width: 100px;
height: 100px;
position: fixed;
background-color: #000000;
padding: 10px;
opacity: 1;
margin: auto;
left: 0; right: 0; bottom: 200; top: 0;
overflow: auto;
overflow-x: hidden; }

.infobox1text {
z-index: 4;
width: 100px;
height: 100px;
position: fixed;
margin: auto;
text-align: justify;
left: 0; right: 0; bottom: 290; top: 0;
padding: 3px;
background-color: #ffffff;
opacity: 0;
overflow: auto;
overflow-x: hidden;
border-right: solid 0px #cdeaec;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
}

.infobox1text:hover {
  bottom: 200px;
 opacity: 1;
}

.infobox2 {
z-index: 3;
width: 100px;
height: 100px;
position: fixed;
background-color: #000000;
padding: 10px;
opacity: 1;
margin: auto;
left: 260; right: 0; bottom: 200; top: 0;
overflow: auto;
overflow-x: hidden; }

.infobox2text {
z-index: 4;
width: 100px;
height: 100px;
position: fixed;
margin: auto;
text-align: justify;
left: 260; right: 0; bottom: 290; top: 0;
padding: 3px;
background-color: #ffffff;
opacity: 0;
overflow: auto;
overflow-x: hidden;
border-right: solid 0px #cdeaec;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
}

.infobox2text:hover {
  bottom: 200px;
 opacity: 1;
}


.infobox3 {
z-index: 3;
width: 100px;
height: 100px;
position: fixed;
background-color: #000000;
padding: 10px;
opacity: 1;
margin: auto;
left: 0; right: 260; bottom: 200; top: 0;
overflow: auto;
overflow-x: hidden; }


.infobox3text {
z-index: 4;
width: 100px;
height: 100px;
position: fixed;
margin: auto;
text-align: justify;
left: 0; right: 260; bottom: 290; top: 0;
padding: 3px;
background-color: #ffffff;
opacity: 0;
overflow: auto;
overflow-x: hidden;
border-right: solid 0px #cdeaec;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
}

.infobox3text:hover {
  bottom: 200px;
 opacity: 1;
}

.links {
z-index: 2;
width: 500px;
height: 70px;
position: absolute;
margin: auto;
left: 0; right: 0; bottom: 0; top: 170;
padding: 5px;
background-color: #transparent;
overflow: auto;
overflow-x: hidden;
}

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

  .lovely a {
display: inline-block;
font-family: georgia;
font-size: 15px;
font-weight: bold;
color: #f4a9c6;
text-decoration: none;
text-align: center;
letter-spacing: -2px;
line-height: 25px;
text-transform: lowercase;
margin-bottom: 2px;
background-color: #transparent;
border: solid 1px #d0d0d0;
width: 35px;
height: 25px;
  }

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

</style>

<div class="header1">
<h1>cloud strife</h1>
</div>

<div class="infobox1">
<img src="https://v.dreamwidth.org/1120634/1211571" height="100" width="100"/>
</div>

<div class="infobox1text">
<b>Ut tincidunt nulla congue erat rhoncus, feugiat vestibulum orci tincidunt. Fusce risus mauris, elementum non erat vel, consequat egestas quam.</b> Morbi quis magna venenatis massa imperdiet vestibulum. Aenean massa ligula, gravida at blandit ac, auctor vel ligula. <i>Pellentesque at lacinia arcu. Suspendisse justo dolor, tempus quis mi id</i>, imperdiet vehicula mauris. <b>Donec tristique felis est, id pellentesque massa sodales sit amet. Aenean ut dictum nisi.</b> Aenean laoreet leo in orci iaculis, et ultrices dui dapibus. Ut aliquam bibendum massa, ac pharetra mi.<br><br>

<b>Pellentesque venenatis, arcu a ultrices malesuada, justo arcu maximus ante, in varius elit quam a felis. Phasellus eleifend fermentum turpis,</b> bibendum rutrum massa euismod in. Ut vel maximus felis. Ut iaculis laoreet sapien non volutpat. <b>Fusce eleifend ornare ante ut maximus. In hac habitasse platea dictumst.</b> Ut enim mi, bibendum at maximus in, vulputate non magna. Proin pellentesque sodales erat, at sagittis eros blandit rutrum. <i>Vestibulum ac justo ligula. Praesent porta nunc quis finibus auctor.</i>
<br><br>

<b>Curabitur vitae vulputate ligula. Nunc posuere, ligula id tristique rhoncus, turpis nunc faucibus odio, eget varius lectus augue eget orci.</b> Quisque blandit, neque et laoreet porttitor, leo mauris luctus lectus, non mollis risus urna ac nulla. Nulla consequat commodo nisl, at gravida enim dapibus a. Donec sit amet finibus turpis. <i>Praesent feugiat augue finibus, tincidunt sapien ut, faucibus erat. Sed ullamcorper metus et tellus blandit</i>, in ullamcorper eros dapibus. Proin venenatis ipsum vel molestie euismod. Sed congue consectetur mauris, in pulvinar magna iaculis eget. Sed placerat pellentesque leo nec semper. <b>Phasellus risus arcu, hendrerit ut nisl sed, vestibulum dictum justo. Nullam augue mauris, suscipit id turpis in, euismod auctor nisl</b>
</div></div>

<div class="infobox2">
<img src="https://l-userpic.livejournal.com/114325858/40235334" height="100" width="100"/>
</div>

<div class="infobox2text">
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
<b>xxx</b>: xxx <br />
</div>

<div class="infobox3">
<img src="https://78.media.tumblr.com/3c3e7e40b6d84b5b373e80d4206ad416/tumblr_inline_n730fpM16i1shk9an.png" height="100" width="100"/>
</div>

<div class="infobox3text">
Ut tincidunt nulla congue erat rhoncus, feugiat vestibulum orci tincidunt. Fusce risus mauris, elementum non erat vel, consequat egestas quam. Morbi quis magna venenatis massa imperdiet vestibulum. Aenean massa ligula, gravida at blandit ac, auctor vel ligula. Pellentesque at lacinia arcu. Suspendisse justo dolor, tempus quis mi id, imperdiet vehicula mauris. Donec tristique felis est, id pellentesque massa sodales sit amet. Aenean ut dictum nisi. Aenean laoreet leo in orci iaculis, et ultrices dui dapibus. Ut aliquam bibendum massa, ac pharetra mi.<br><br>

Pellentesque venenatis, arcu a ultrices malesuada, justo arcu maximus ante, in varius elit quam a felis. Phasellus eleifend fermentum turpis,bibendum rutrum massa euismod in. Ut vel maximus felis. Ut iaculis laoreet sapien non volutpat. Fusce eleifend ornare ante ut maximus. In hac habitasse platea dictumst. Ut enim mi, bibendum at maximus in, vulputate non magna. Proin pellentesque sodales erat, at sagittis eros blandit rutrum. Vestibulum ac justo ligula. Praesent porta nunc quis finibus auctor.
<br><br>

Curabitur vitae vulputate ligula. Nunc posuere, ligula id tristique rhoncus, turpis nunc faucibus odio, eget varius lectus augue eget orci. Quisque blandit, neque et laoreet porttitor, leo mauris luctus lectus, non mollis risus urna ac nulla. Nulla consequat commodo nisl, at gravida enim dapibus a. Donec sit amet finibus turpis. Praesent feugiat augue finibus, tincidunt sapien ut, faucibus erat. Sed ullamcorper metus et tellus blandit, in ullamcorper eros dapibus. Proin venenatis ipsum vel molestie euismod. Sed congue consectetur mauris, in pulvinar magna iaculis eget. Sed placerat pellentesque leo nec semper. Phasellus risus arcu, hendrerit ut nisl sed, vestibulum dictum justo. Nullam augue mauris, suscipit id turpis in, euismod auctor nisl
</div></div>

<div class="links">
<center>
<a class="yoncelink" href="https://www.aniroleplay.com/"> </a>
<a class="yoncelink" href="https://www.aniroleplay.com/"> </a>
<a class="yoncelink" href="https://www.aniroleplay.com/"> </a>
<a class="yoncelink" href="https://www.aniroleplay.com/"> </a>
</center>

</div>

<div class="lovely">
  <a href="http://aniroleplay.com/277136">enix.</a>
</div>