akasha

<style type="text/css">
@import url(//fonts.googleapis.com/css?family=Dancing+Script);
@import url(//fonts.googleapis.com/css?family=Courgette);
@import url(//fonts.googleapis.com/css?family=Oswald);
@import url(//fonts.googleapis.com/css?family=Comfortaa);
@import url(//fonts.googleapis.com/css?family=Poppins);
@import url(//fonts.googleapis.com/css?family=Sedgwick+Ave);



.pfor { display: none; }
 #profile { background-color: transparent; border: none; overflow: auto;}
/*body*/

 body {
 background-color: #110f0b;
}

body, a {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), auto;}

b, strong { font-family: Poppins; font-size: 12px;line-height: 15px; font-weight: bold;
color: #8a8882;
text-shadow: 1px 0px 0px #161616,
    0px 1px 0px #161616,
    -1px 0px 0px #161616,
    0px -1px 0px #161616,
    0px 0px 20px #161616;}

i, em {color:#ffffff; font-family: Poppins; font-size:12px;}


/*scroll*/
::-webkit-scrollbar {
 width: 5px;
 height: 0px;
 background:;
 }

 ::-webkit-scrollbar-thumb {
 background-color: #161616;
 -webkit-border-radius: 10px;
 border-radius: 10px;
z-index: 999;
 }


/*aesthetics*/
#background img{
position: absolute;
width: 100%;
height:100%;
top:0px;
left: 0px;
z-index: 2;
}

#navi {
 position: fixed;
 left:40%;
 top:84%;
 text-align:center;
 color: white;
 width: 500px;
 height: 20px;
 padding:5px;
 line-height:7px;
 z-index: 6;
display: inline-block;
 float: left;
z-index: 8;
 }

 #navi a:link, #navi a:visited {
 text-decoration:none;
 font-weight:normal !important;
 padding:5px;
 top: 10px;
 margin-left: 90px;
 width: 10px;
height: 10px;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 background-color: #8a8882;
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
 float: left;
 }

 #navi a:hover {
 background-color:#090909;
 text-decoration:none;
 float: left;
 }

/*box information*/
.box {
 position: fixed;
width: 550px;
height:350px;
top:22%;
left: 40%;
 padding: 5px;
 font-size: 12px;
 line-height: 13px;
 text-align: center;
font-family: Oswald;
 color: #393a39;
 overflow: auto;
 opacity: 0;
 transition: all 0.7s ease-in-out;
 -webkit-transition: all 0.7s ease-in-out;
 -moz-transition: all 0.7s ease-in-out;
 -o-transition: all 0.7s ease-in-out;
 -ms-transition: all 0.7s ease-in-out;
 z-index:7;
 }

 .box:target {
top:22%;
left: 40%;
 text-align: center;
 overflow: auto;
 opacity: 1.0;
transition: all 0.7s ease-in-out;
 -webkit-transition: all 0.7s ease-in-out;
 -moz-transition: all 0.7s ease-in-out;
 -o-transition: all 0.7s ease-in-out;
 -ms-transition: all 0.7s ease-in-out;
 z-index:8;
 }

/*tables*/
td.one{
width: 477px;
 font-family: Poppins;
 font-size: 11px;
 text-align: left;
 word-spacing: 1px;
 letter-spacing: 1px;
 line-height: 11px;
 font-weight: bold;
 color: #8a8882;
text-shadow: 1px 0px 0px #161616,
    0px 1px 0px #161616,
    -1px 0px 0px #161616,
    0px -1px 0px #161616,
    0px 0px 20px #161616;
z-index: 999;
 }

 td.two{
width: 477px;
 font-family: Oswald;
 font-size: 11px;
 text-align: right;
 word-spacing: 1px;
 letter-spacing: 0px;
 line-height: 11px;
 color: #393a39;
z-index: 999;
 }

/*music*/
#music1{
 position:fixed;
left: 460px;
top: 525px;
 padding:2px;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
z-index: 4;
}

#music1:hover #music2{
 opacity:0;
 margin-top:-25px;
 z-index:-1;
}

#music1:hover #music3{
 opacity:1;
 margin-top:-2px;
 z-index:99;
}

#music1:hover #musiclist{
 opacity:1;
}

#music2{
 /* First gif image*/
 opacity:1;
 background-color:#transparent;
 padding:6px;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;}

#music3{
 /* Music player */
 opacity:0;
 position:fixed;
 background-color:#transparent;
 background-image:
 url('http://assets.clickmotive.com/Designs/LEMidnight/playButton.png');
 background-repeat: no-repeat;
 background-size: 25px;
 width:25px;
 height:25px;
 z-index:99
 margin-left:0px;
 overflow:hidden;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;}

/*link*/
a:link,a:active,a:visited {
 color: #bcb8bd;
 font-family: Courgette;
 font-size: 14px;
 line-height: 10px;
 letter-spacing: 0px;
 display: ;
 font-weight: bold;
 margin-bottom: px;
 word-spacing: 0px;
 text-transform: none;
 text-align: center;
 text-decoration: none;
 transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
z-index: 20;
 }

 a:hover {
 color: #bcb8bd;
 font-family: Courgette;
 font-size: 14px;
 line-height: 10px;
 letter-spacing: 0px;
 display: ;
 font-weight: bold;
 margin-bottom: px;
 word-spacing: 0px;
 text-align: center;
 text-decoration: none;
 transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
text-shadow: 1px 0px 0px #373b3d,
    0px 1px 0px #373b3d,
    -1px 0px 0px #373b3d,
    0px -1px 0px #373b3d,
    0px 0px 20px #373b3d;

z-index: 20;
}
</style>

<div id="background"><img src="http://i.picpar.com/lYQc.png"></div>
<div id="navi">
 <a href="#ichi"></a>
 <a href="#ni"></a>
<a href="#san"></a>
<a href="#shi"></a>
</div>


<div id="ichi" class="box">
<table>
 <tr><td class="one">
 Left
 </td><td class="two">
Right
 </td></tr><tr>

 <tr><td class="one">
 Left
 </td><td class="two">
Right
 </td></tr><tr>

 <tr><td class="one">
 Left
 </td><td class="two">
Right
 </td></tr><tr>

 <tr><td class="one">
 Left
 </td><td class="two">
 Right
 </td></tr><tr>

 <tr><td class="one">
 Left
 </td><td class="two">
Right
 </td></tr><tr>

 <tr><td class="one">
 Left
 </td><td class="two">
Right
</td></tr><tr>


 <tr><td class="one">
 Left
 </td><td class="two">
Right
 </td></tr><tr>

 <tr><td class="one">
 Left
 </td><td class="two">
Right
 </td></tr><tr>

<tr><td class="one">
 Left
 </td><td class="two">
Right
 </td></tr><tr>

<tr><td class="one">
 Left
 </td><td class="two">
Right
 </td></tr><tr>

<tr><td class="one">
 Left
 </td><td class="two">
Right
 </td></tr><tr>

<tr><td class="one">
 Left
 </td><td class="two">
Right
 </td></tr><tr>
</table>
</div>

<div id="ni" class="box">
2<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis enim massa, in viverra ex placerat vitae. Praesent iaculis, mi porta porttitor tincidunt, massa purus placerat tortor, elementum elementum tortor ante vel nunc. Cras tortor diam, congue et efficitur nec, consequat a erat. Suspendisse potenti. Quisque id ornare augue. Maecenas nec nulla nisl. In imperdiet, nisl sit amet auctor ornare, nisi ligula tincidunt dui, at lobortis tellus nisi ut ante. Suspendisse pulvinar a ex sit amet efficitur. Integer at dui et arcu suscipit aliquet sed non turpis. Praesent commodo ex nec finibus gravida. Morbi et viverra est. Suspendisse non lectus elementum, tincidunt velit at, sollicitudin quam. Mauris ipsum erat, venenatis vitae consectetur id, aliquam scelerisque odio. Cras ultrices quam a tristique commodo.

Maecenas euismod odio sit amet luctus tincidunt. Nulla ac malesuada ante, ut blandit nulla. Ut vitae faucibus sapien, et congue velit. Duis condimentum enim ultrices odio porttitor, nec tristique massa fermentum. Quisque ex metus, finibus quis velit et, pretium sollicitudin lorem. Praesent ipsum tortor, tincidunt malesuada enim fringilla, bibendum luctus velit. Aenean eget condimentum ipsum. Vivamus tincidunt vitae dui a posuere. Sed a lorem at sem interdum porta et nec nisi. Maecenas quis hendrerit nisi.

Integer tempor, ante et faucibus commodo, enim sem eleifend massa, quis ultricies velit sapien in orci. Aliquam nec magna vel tortor suscipit consequat sed et erat. Quisque volutpat libero lacinia aliquam consectetur. Cras viverra vulputate justo, nec gravida nisi blandit vel. Sed porttitor dictum sagittis. Vivamus pulvinar quis erat non mattis. Donec fringilla sed ex vitae laoreet. Nullam vitae porta lorem. Sed molestie, tortor non hendrerit convallis, libero arcu blandit dui, et pulvinar est tellus non lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget interdum nibh. Praesent venenatis imperdiet arcu at accumsan. Duis luctus imperdiet leo sodales condimentum. Aenean ut placerat dolor. Fusce posuere egestas sodales.

Nullam ultrices commodo velit nec gravida. Nullam pretium elit quis quam finibus, at varius orci interdum. In egestas ultrices massa, nec volutpat enim rhoncus at. Sed consequat massa quam, eget sollicitudin sapien auctor a. Donec eget ipsum in ex sagittis eleifend sed at ligula. Mauris elementum quam id neque hendrerit, quis ultrices dolor sollicitudin. Duis at lectus quis erat rhoncus gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus iaculis, sem a aliquam convallis, sem dolor porta urna, accumsan facilisis ante tortor et leo. In convallis tellus vitae ante euismod finibus. Aliquam bibendum gravida ultricies. Fusce convallis sed turpis eu facilisis.

Morbi finibus porta sapien, sit amet aliquam purus ullamcorper a. Cras quam mi, volutpat id malesuada et, tempor sit amet nunc. Phasellus dignissim enim at turpis euismod facilisis. Vivamus ut ex sit amet urna iaculis vestibulum in ut libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed fermentum consequat risus at sagittis. Sed vel finibus turpis, sed convallis neque. Mauris faucibus sodales placerat. Nunc ultrices lacus non enim hendrerit convallis. Donec cursus arcu sem, non venenatis libero luctus consequat. Aliquam massa purus, imperdiet id mollis sed, tincidunt ac est.

</div>

<div id="san" class="box">
3<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce venenatis enim massa, in viverra ex placerat vitae. Praesent iaculis, mi porta porttitor tincidunt, massa purus placerat tortor, elementum elementum tortor ante vel nunc. Cras tortor diam, congue et efficitur nec, consequat a erat. Suspendisse potenti. Quisque id ornare augue. Maecenas nec nulla nisl. In imperdiet, nisl sit amet auctor ornare, nisi ligula tincidunt dui, at lobortis tellus nisi ut ante. Suspendisse pulvinar a ex sit amet efficitur. Integer at dui et arcu suscipit aliquet sed non turpis. Praesent commodo ex nec finibus gravida. Morbi et viverra est. Suspendisse non lectus elementum, tincidunt velit at, sollicitudin quam. Mauris ipsum erat, venenatis vitae consectetur id, aliquam scelerisque odio. Cras ultrices quam a tristique commodo.

Maecenas euismod odio sit amet luctus tincidunt. Nulla ac malesuada ante, ut blandit nulla. Ut vitae faucibus sapien, et congue velit. Duis condimentum enim ultrices odio porttitor, nec tristique massa fermentum. Quisque ex metus, finibus quis velit et, pretium sollicitudin lorem. Praesent ipsum tortor, tincidunt malesuada enim fringilla, bibendum luctus velit. Aenean eget condimentum ipsum. Vivamus tincidunt vitae dui a posuere. Sed a lorem at sem interdum porta et nec nisi. Maecenas quis hendrerit nisi.

Integer tempor, ante et faucibus commodo, enim sem eleifend massa, quis ultricies velit sapien in orci. Aliquam nec magna vel tortor suscipit consequat sed et erat. Quisque volutpat libero lacinia aliquam consectetur. Cras viverra vulputate justo, nec gravida nisi blandit vel. Sed porttitor dictum sagittis. Vivamus pulvinar quis erat non mattis. Donec fringilla sed ex vitae laoreet. Nullam vitae porta lorem. Sed molestie, tortor non hendrerit convallis, libero arcu blandit dui, et pulvinar est tellus non lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eget interdum nibh. Praesent venenatis imperdiet arcu at accumsan. Duis luctus imperdiet leo sodales condimentum. Aenean ut placerat dolor. Fusce posuere egestas sodales.

Nullam ultrices commodo velit nec gravida. Nullam pretium elit quis quam finibus, at varius orci interdum. In egestas ultrices massa, nec volutpat enim rhoncus at. Sed consequat massa quam, eget sollicitudin sapien auctor a. Donec eget ipsum in ex sagittis eleifend sed at ligula. Mauris elementum quam id neque hendrerit, quis ultrices dolor sollicitudin. Duis at lectus quis erat rhoncus gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus iaculis, sem a aliquam convallis, sem dolor porta urna, accumsan facilisis ante tortor et leo. In convallis tellus vitae ante euismod finibus. Aliquam bibendum gravida ultricies. Fusce convallis sed turpis eu facilisis.

Morbi finibus porta sapien, sit amet aliquam purus ullamcorper a. Cras quam mi, volutpat id malesuada et, tempor sit amet nunc. Phasellus dignissim enim at turpis euismod facilisis. Vivamus ut ex sit amet urna iaculis vestibulum in ut libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed fermentum consequat risus at sagittis. Sed vel finibus turpis, sed convallis neque. Mauris faucibus sodales placerat. Nunc ultrices lacus non enim hendrerit convallis. Donec cursus arcu sem, non venenatis libero luctus consequat. Aliquam massa purus, imperdiet id mollis sed, tincidunt ac est.
</div>
<div id="shi" class="box">
4<br>
<br>
<b>001.</b> This profile was created for the use of <i>Akasha</i> only. No other persons is allowed to take pieces of and/or redistribute any coding. <br><br>
regular<b>bold</b><i>italics</i><a href="">link</a>
</div>

<div id="music1">
<div id="music2">


<img src="https://78.media.tumblr.com/tumblr_m9c4muf9vS1rto88t.gif" style="opacity: 1;"></div>

<div id="music3">
<Div style="margin-top:4px;">

<audio controls style="opacity: 0;"><source src="https://my.mixtape.moe/jpbtlq.mp3
"></audio>
</div>

</div>