utahime.

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





body {
 background-color: #eaeaea;
 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: #c6c6c6;
text-transform: none;
}

i {
font-size: 10px;
font-family: candara;
text-transform: none;
font-weight: italic;
letter-spacing: 1px;
color: #000000;
text-transform: lowercase;
font-weight: lighter;
}

b, strong {
color: #000000;
font-family: calibri;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;

}

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



.portrait {
z-index: 5;
width: 150px;
height: 150px;
position: fixed;
padding: 0px;
margin: auto;
left: ; right: 50; bottom: ; top: 80;
background-color: #transparent;
overflow: auto;
overflow-x: hidden;
}

.portrait img {
border-radius: 50%;
}

.description {
z-index: 2;
width: 350px;
height: 60px;
position: fixed;
text-align: justify;
background-color: #transparent;
padding: 7px;
opacity: 1;
margin: auto;
left: 0; right: 390; bottom: 315 ; top: 0;
overflow: auto;
overflow-x: hidden; }


.header {
z-index: 3;
width: 350px;
height: 100px;
position: absolute;
text-align: justify;
background-color: #transparent;
padding: 0px;
margin: auto;
left: 0; right: 350; bottom: 500; top: 0;
overflow: auto;
overflow-x: hidden; }

.box1 {
z-index: 2;
width: 400px;
height: 600px;
position: fixed;
text-align: justify;
background-color: #ffffff;
padding: 7px;
margin: auto;
left: 0; right: 390; bottom:0 ; top: 0;
overflow: auto;
overflow-x: hidden; }



.box2 {
z-index: 2;
width: 100px;
height: 100px;
position: fixed;
text-align: justify;
background-color: #ffffff;
padding: 7px;
margin: auto;
left: 150; right: 0; bottom: 480; top: 0;
overflow: auto;
overflow-x: hidden; }

.box2text {
z-index: 3;
width: 300px;
height: 100px;
position: fixed;
margin: auto;
left: 350; right: 0; bottom: 480; top: 0;
padding: 7px;
background-color: #ffffff;
opacity: 0;
overflow: auto;
overflow-x: hidden;
border-right: solid 0px #cdeaec;
-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;
}

.box2text:hover {
  left: 590px;
 opacity: 1;
}

.box2text h1 {
  font-size: 20px;
  line-height: 20px;
  font-family: 'Oswald', sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin: 0px 0px 7px 0px;
  text-align: center;
  font-weight: bold;
  font-style: none;
  display: inline-block;
  color: #ffffff;
  background: -webkit-linear-gradient(135deg, #c6c4bf, #dedcd5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.box2text h3 {
        font-size: 5px;
        color: #dedcd5;
        line-height: 20px;
        font-family: 'georgia';
        margin: -11px 0px -2px 0px;
        letter-spacing: 2px;
        text-transform: lowercase;
        text-align: center;
        font-weight: lighter;
        font-style: italic;

}

.box3 {
z-index: 2;
width: 100px;
height: 100px;
position: fixed;
text-align: justify;
background-color: #ffffff;
padding: 7px;
margin: auto;
left: 150; right: 0; bottom: 240 ; top: 0;
overflow: auto;
overflow-x: hidden; }

.box3text {
z-index: 3;
width: 300px;
height: 100px;
position: fixed;
margin: auto;
left: 350; right: 0; bottom: 240; top: 0;
padding: 7px;
background-color: #ffffff;
opacity: 0;
overflow: auto;
overflow-x: hidden;
border-right: solid 0px #cdeaec;
-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;
}

.box3text:hover {
  left: 590px;
 opacity: 1;
}

.box3text h1 {
  font-size: 20px;
  line-height: 20px;
  font-family: 'Oswald', sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin: 0px 0px 7px 0px;
  text-align: center;
  font-weight: bold;
  font-style: none;
  display: inline-block;
  color: #ffffff;
  background: -webkit-linear-gradient(135deg, #76c9e5, #abcfd5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.box3text h3 {
        font-size: 5px;
        color: #76c9e5;
        line-height: 20px;
        font-family: 'georgia';
        margin: -11px 0px -2px 0px;
        letter-spacing: 2px;
        text-transform: lowercase;
        text-align: center;
        font-weight: lighter;
        font-style: italic;

}


.box4 {
z-index: 2;
width: 100px;
height: 100px;
position: fixed;
text-align: justify;
background-color: #ffffff;
padding: 7px;
margin: auto;
left: 150; right: 0; bottom: 0 ; top: 0;
overflow: auto;
overflow-x: hidden; }

.box4text {
z-index: 3;
width: 300px;
height: 100px;
position: fixed;
margin: auto;
left: 350; right: 0; bottom: 0; top: 0;
padding: 7px;
background-color: #ffffff;
opacity: 0;
overflow: auto;
overflow-x: hidden;
border-right: solid 0px #cdeaec;
-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;
}

.box4text:hover {
  left: 590px;
 opacity: 1;
}

.box4text h1 {
  font-size: 20px;
  line-height: 20px;
  font-family: 'Oswald', sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin: 0px 0px 7px 0px;
  text-align: center;
  font-weight: bold;
  font-style: none;
  display: inline-block;
  color: #ffffff;
  background: -webkit-linear-gradient(135deg, #7e6ed4, #b4abd5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.box4text h3 {
        font-size: 5px;
        color: #7e6ed4;
        line-height: 20px;
        font-family: 'georgia';
        margin: -11px 0px -2px 0px;
        letter-spacing: 2px;
        text-transform: lowercase;
        text-align: center;
        font-weight: lighter;
        font-style: italic;

}


.box5 {
z-index: 2;
width: 100px;
height: 100px;
position: fixed;
text-align: justify;
background-color: #ffffff;
padding: 7px;
margin: auto;
left: 150; right: 0; bottom: -240 ; top: 0;
overflow: auto;
overflow-x: hidden; }

.box5text {
z-index: 3;
width: 300px;
height: 100px;
position: fixed;
margin: auto;
left: 350; right: 0; bottom: -240; top: 0;
padding: 7px;
background-color: #ffffff;
opacity: 0;
overflow: auto;
overflow-x: hidden;
border-right: solid 0px #cdeaec;
-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;
}

.box5text:hover {
  left: 590px;
 opacity: 1;
}


.box5text h1 {
  font-size: 20px;
  line-height: 20px;
  font-family: 'Oswald', sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin: 0px 0px 7px 0px;
  text-align: center;
  font-weight: bold;
  font-style: none;
  display: inline-block;
  color: #ffffff;
  background: -webkit-linear-gradient(135deg, #47bf78, #abd5bc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.box5text h3 {
        font-size: 5px;
        color: #47bf78;
        line-height: 20px;
        font-family: 'georgia';
        margin: -11px 0px -2px 0px;
        letter-spacing: 2px;
        text-transform: lowercase;
        text-align: center;
        font-weight: lighter;
        font-style: italic;

}


.box6  {
z-index: 2;
width: 100px;
height: 100px;
position: fixed;
text-align: justify;
background-color: #ffffff;
padding: 7px;
margin: auto;
left: 150; right: 0; bottom: -480 ; top: 0;
overflow: auto;
overflow-x: hidden; }



.box6text {
z-index: 3;
width: 300px;
height: 100px;
position: fixed;
margin: auto;
left: 350; right: 0; bottom: -480; top: 0;
padding: 7px;
background-color: #ffffff;
opacity: 0;
overflow: auto;
overflow-x: hidden;
border-right: solid 0px #cdeaec;
-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;
}

.box6text:hover {
  left: 590px;
 opacity: 1;
}


.box6text h1 {
  font-size: 20px;
  line-height: 20px;
  font-family: 'Oswald', sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin: 0px 0px 7px 0px;
  text-align: center;
  font-weight: bold;
  font-style: none;
  display: inline-block;
  color: #ffffff;
  background: -webkit-linear-gradient(135deg, #cdbd61, #d5d5ab);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.box6text h3 {
        font-size: 5px;
        color: #cdbd61;
        line-height: 20px;
        font-family: 'georgia';
        margin: -11px 0px -2px 0px;
        letter-spacing: 2px;
        text-transform: lowercase;
        text-align: center;
        font-weight: lighter;
        font-style: italic;

}


.box7  {
z-index: 2;
width: 350px;
height: 60px;
position: fixed;
text-align: justify;
background-color: #ffffff;
padding: 7px;
opacity:0.5;
margin: auto;
left: 0; right: 390; bottom: 315 ; top: 0;
overflow: auto;
overflow-x: hidden; }

.links h1 {
 overflow: hidden;
 text-align: center;
}

.links h1:before,
.links h1:after {
 background: -webkit-linear-gradient(135deg, #edafbd, #ecb5c2, #dcb4be);
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
 width: 50%;
}
.links h1:before {
 right: 0.5em;
 margin-left: -50%;
}
.links h1:after {
 left: 0.5em;
 margin-right: -50%;
}

.links {
z-index: 9;
width: 390px;
height: 30px;
position: fixed;
padding: 10px;
margin: auto;
left: 0; right: 390;  bottom: 415; top: 0;
overflow: auto;
overflow-x: hidden; }



a.yoncelink:active, a.yoncelink:visited, a.yoncelink:link {
display: inline-block;
background-color: #transparent;
width: 12px;
height: 12px;
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: 0px;
margin-right: 0px;
-webkit-transition: ease-in-out .5s all;
}

a.yoncelink:hover {
background-color: #transparent;
color: #000;
}

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: #636363; color: #ffffff; !important
}

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

 h1 {
        font-size: 18px;
        color: #c40508;
        line-height: 10px;
        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;


}

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: #9255b4;
        line-height: 10px;
        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;
}


h4 {
    font-family:  'arial black';
    font-size: 12px;
    margin: 7px 0px 7px 0px;
    letter-spacing: 2px;
    text-align: center;
    background-color: #000000;
    color: #eeeeee;
    text-transform: uppercase;

  }



h5 {
        font-size: 15px;
        color: #cecece;
        line-height: 20px;
        font-family: 'georgia';
        margin: 7px 0px 7px 0px;
        text-shadow: 1px 2px 5px #e8e8e8;
        letter-spacing: -1px;
        text-transform: lowercase;
        text-align: left;
        font-weight: none;
        font-style: italic;
        font-style: none;


}

h6 {
      font-size: 18px;
        color: #007fdb;
        line-height: 10px;
        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;



}
  .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="box1">
<center>
<img src="https://i.imgur.com/zhCPlyz.png"/>

</div>


<div class="box2">
<center>
<img src="https://i.imgur.com/iZpxadn.png"/>

</div>

<div class="box3">
<center>
<img src="https://i.imgur.com/2dDJ2Rr.png"/>

</div>

<div class="box4">
<center>
<img src="https://i.imgur.com/fQnUU8v.png"/>

</div>

<div class="box5">
<center>
<img src="https://i.imgur.com/d1GMtHV.png"/>

</div>

<div class="box6">
<center>
<img src="https://i.imgur.com/aOyYIfF.png"/>

</div>

<div class="box7">


</div>

<div class="description">
<center>
<fieldset style="width: autopx; height: autopx; overflow: auto; overflow-x: hidden; border: solid 0px #fff;  padding: 0px; letter-spacing:1px; color: #434343;">

Which falls in
gemel angels' wake
And reddens this,
our dearthly stein

Or will the flower
splay her flaps
Contract and birth
a world defaced?

Or will her thornish
sword be snapt
The flower broken
for the vase?

Or will the songstyr
dance and scend
A eulogy beneath
her boots?

The world will meet
a tangled end
Betwixt its voul,
labrynthin roots




</fieldset>
</div>

 <div class="box2text">
<center>
<h1>A farewell kiss from lealfast drake</h1>
<h3>Her end a cork pulled from the wine</h3>

<fieldset style="width: autopx; height: 65px; overflow: auto; overflow-x: hidden; border: solid 0px #fff;  padding: 0px; text-align:justify; color: #dedcd5;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis porta risus ac facilisis. Maecenas et accumsan elit. Curabitur blandit mi sollicitudin dui maximus ornare. Cras ultrices sed ligula finibus tincidunt. Vestibulum sed dolor ut ipsum congue viverra eu eu lectus. Donec lobortis vel turpis id scelerisque. Aenean porttitor sapien vitae interdum lobortis. Mauris convallis nunc ut sapien egestas posuere. Cras nec hendrerit nunc, ac lobortis libero. Vivamus id tempus turpis. Donec pharetra lacus nec ex blandit consequat. Sed gravida nulla congue est commodo facilisis. Duis et libero varius, euismod justo in, suscipit dui. Vivamus pretium lacus ut orci volutpat, vitae vestibulum nunc tempus.


</fieldset>
</center>


</div>

<div class="box3text">
<center>
<h1>An icy love by fire knashed </h1>
<h3>Her tears for him a dulcy aere</h3>

<fieldset style="width: autopx; height: 65px; overflow: auto; overflow-x: hidden; border: solid 0px #fff;  padding: 0px; text-align:justify; color: #76c9e5;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis porta risus ac facilisis. Maecenas et accumsan elit. Curabitur blandit mi sollicitudin dui maximus ornare. Cras ultrices sed ligula finibus tincidunt. Vestibulum sed dolor ut ipsum congue viverra eu eu lectus. Donec lobortis vel turpis id scelerisque. Aenean porttitor sapien vitae interdum lobortis. Mauris convallis nunc ut sapien egestas posuere. Cras nec hendrerit nunc, ac lobortis libero. Vivamus id tempus turpis. Donec pharetra lacus nec ex blandit consequat. Sed gravida nulla congue est commodo facilisis. Duis et libero varius, euismod justo in, suscipit dui. Vivamus pretium lacus ut orci volutpat, vitae vestibulum nunc tempus.


</fieldset>


</center>


</div>

<div class="box4text">
<center>
<h1>An anvil tyed by lock and lash</h1>
<h3>Her works abounding like the hare</h3>

<fieldset style="width: autopx; height: 65px; overflow: auto; overflow-x: hidden; border: solid 0px #fff;  padding: 0px; text-align:justify; color: #7e6ed4;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis porta risus ac facilisis. Maecenas et accumsan elit. Curabitur blandit mi sollicitudin dui maximus ornare. Cras ultrices sed ligula finibus tincidunt. Vestibulum sed dolor ut ipsum congue viverra eu eu lectus. Donec lobortis vel turpis id scelerisque. Aenean porttitor sapien vitae interdum lobortis. Mauris convallis nunc ut sapien egestas posuere. Cras nec hendrerit nunc, ac lobortis libero. Vivamus id tempus turpis. Donec pharetra lacus nec ex blandit consequat. Sed gravida nulla congue est commodo facilisis. Duis et libero varius, euismod justo in, suscipit dui. Vivamus pretium lacus ut orci volutpat, vitae vestibulum nunc tempus.


</fieldset>

</center>



</div>

<div class="box5text">
<center>
<h1>A fortrace drowning in the blasm</h1>
<h3>Her walls vansieged by falseful mite</h3>

<fieldset style="width: autopx; height: 65px; overflow: auto; overflow-x: hidden; border: solid 0px #fff;  padding: 0px; text-align:justify; color: #47bf78;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis porta risus ac facilisis. Maecenas et accumsan elit. Curabitur blandit mi sollicitudin dui maximus ornare. Cras ultrices sed ligula finibus tincidunt. Vestibulum sed dolor ut ipsum congue viverra eu eu lectus. Donec lobortis vel turpis id scelerisque. Aenean porttitor sapien vitae interdum lobortis. Mauris convallis nunc ut sapien egestas posuere. Cras nec hendrerit nunc, ac lobortis libero. Vivamus id tempus turpis. Donec pharetra lacus nec ex blandit consequat. Sed gravida nulla congue est commodo facilisis. Duis et libero varius, euismod justo in, suscipit dui. Vivamus pretium lacus ut orci volutpat, vitae vestibulum nunc tempus.


</fieldset>
</center>



</div>

<div class="box6text">
<center>
<h1>A thirstful whore with lips agasm</h1>
<h3>Her web unspundled, left to blight</h3>

<fieldset style="width: autopx; height: 65px; overflow: auto; overflow-x: hidden; border: solid 0px #fff;  padding: 0px; text-align:justify; color: #cdbd61;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec iaculis porta risus ac facilisis. Maecenas et accumsan elit. Curabitur blandit mi sollicitudin dui maximus ornare. Cras ultrices sed ligula finibus tincidunt. Vestibulum sed dolor ut ipsum congue viverra eu eu lectus. Donec lobortis vel turpis id scelerisque. Aenean porttitor sapien vitae interdum lobortis. Mauris convallis nunc ut sapien egestas posuere. Cras nec hendrerit nunc, ac lobortis libero. Vivamus id tempus turpis. Donec pharetra lacus nec ex blandit consequat. Sed gravida nulla congue est commodo facilisis. Duis et libero varius, euismod justo in, suscipit dui. Vivamus pretium lacus ut orci volutpat, vitae vestibulum nunc tempus.


</fieldset>
</center>



</div>


<div class="header">
<h2>FINAL SONG</h2>
<center>

    </center>
</div>

<div class="links">

<center>
<h1>
<a class="yoncelink" href="/">I</a>
<a class="yoncelink" href="/">II</a>
<a class="yoncelink" href="/">III</a>
<a class="yoncelink" href="/">IV</a>
</h1>
</center>
</div>

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