<style>

@import url(https://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff|Vollkorn);

body {background: #E8E0B1;
}

::-webkit-scrollbar {
 width: 4px;
 background-color: transparent;
}


::-webkit-scrollbar-thumb {
 border-radius: 0px;
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 background-color: #000000;
}


#backgroundimages{
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 transform:rotate(180deg);
 background-image:url(http://wallpapercave.com/wp/VMnlaKl.jpg);
background-position: bottom right;
background-repeat: no-repeat;
 background-size: 100% 100%;
}

#nikaimage{
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 background-image:url(http://i65.tinypic.com/35b8u2u.jpg);
 background-position: bottom -20px right 20%;
 background-size: auto 80%;
 background-repeat: no-repeat;
 opacity: .9;
}

#backgroundimages2{
 position: absolute;
 top: 10%;
 right: 0px;
 bottom: 0px;
 width: 70%;
 border: 0px solid black;
 background-image:url(http://i237.photobucket.com/albums/ff195/lordmalic/stickers_6789d3d762c7d9fc01abf4437f.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
 background-size: 90% auto;
 -webkit-filter:saturate(50%);
 opacity: .8;
}

#contentcontainer{
 position: absolute;
 top: 0px;
 bottom: 0px;
 left: -500px;
 right: 0px;
 margin: auto;
 height: 90%;
 width: 400px;
 border: 0px solid black;
}

#strips{
 position: absolute;
 background-color: #CB0D39;
 background-image:url(https://cdn.pbrd.co/images/8BKmSlE7A.png);
 -webkit-filter:saturate(60%);
}

#strips:nth-child(1){
 top: 0px;
 left: 0px;
 height: 100%;
 width: 20px;
}

#strips:nth-child(2){
 top: 0px;
 right: 0px;
 height: 100%;
 width: 20px;
}

#strips:nth-child(3){
 top: 50px;
 left: 0px;
 right: 0px;
 height: 20px;
}

#strips:nth-child(4){
 top: 160px;
 left: 0px;
 right: 0px;
 height: 25px;
}

@font-face {
 font-family: 'titlefont';
 src: url('https://dl.dropboxusercontent.com/s/21mz4j9kz704amx/againts.ttf?dl=0');
}

#contenttitle{
 position: absolute;
 top: 70px;
 left: 20px;
 right: 20px;
 height: 90px;
 font-family: 'titlefont', 'Times', Arial;
 font-size: 50pt;
 text-align: center;
 border: 0px solid black;
 box-sizing: border-box;
 padding-top: 2px;
}

#contenttitle:before{
 position: absolute;

}

#linkmenu{
 position: absolute;
 left: 20px;
 right: 0px;
 top: 165px;
 height: 30px;
 text-align: center;
 box-sizing: border-box;
 padding-left: 20px;
 padding-top: 0px;
 z-index: 2;
}

#linkmenu a{
 float: left;
 height: 15px;
 width: 40px;
 margin-right: 50px;
 background-color: black;
 opacity: 1;
 border-radius: 5px 5px 5px 5px;
}

#linkmenu a:after{
 position: absolute;
 content:'';
 margin-top: 20px;
 margin-left: -25px;
 height: 20px;
 width: 50px;
 background: transparent;
 z-index: 1;
 font-family:'titlefont';
 font-size: 25pt;
 color: black;
 opacity: 0;
 -webkit-transition: all 1s;
 transition: all 1s;
}

#linkmenu a:nth-child(1):after{
 content:'info';
}

#linkmenu a:nth-child(2):after{
 content:'history';
}

#linkmenu a:nth-child(3):after{
 content:'ooc';
}

#linkmenu a:nth-child(4):after{
 content:'art';
}

#linkmenu a:hover:after{
 opacity: 1;
}

.contentslide{
 position: absolute;
 left: 20px;
 right: 20px;
 top: 280px;
 height: 300px;
 border: 0px solid black;
 z-index: 0;
 opacity: 0;
 -webkit-transition: all 1s;
 transition: all 1s;
}

.contentslide:after{
 position: absolute;
 bottom: -20px;
 left: 0px;
 content:'';
 background-color: #CB0D39;
 background-image:url(https://cdn.pbrd.co/images/8BKmSlE7A.png);
 -webkit-filter:saturate(60%);
 width: 360px;
 height: 20px;
}

.contentslide:before{
 position: absolute;
 content: '';
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 background: #76201B;
 opacity: .3;
}

#contentinfo{
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 overflow: auto;
 box-sizing: border-box;
 padding: 5px;
 padding-top: 42px;
 color: black;
 z-index: 1;
 opacity: 0;
 -webkit-transition: all 1s;
 transition: all 1s;
 font-family:'vollkorn';
 font-size: 13px;
 font-style: italic;
 color:#000;
 letter-spacing:2px;
 text-align:center;
}

#ooc #contentinfo{
padding-top: 20px;}

#art #contentinfo{
padding-top: 52px;}

#selection1:target #info,
#selection2:target #history,
#selection3:target #ooc,
#selection4:target #art{
 -webkit-transition: all 1s 1s;
 transition: all 1s 1s;
 opacity: 1;
 z-index: 2;
 top: 185px;
}

#selection1:target #info #contentinfo,
#selection2:target #history #contentinfo,
#selection3:target #ooc #contentinfo,
#selection4:target #art #contentinfo{
 -webkit-transition: all 1s 1.5s;
 transition: all 1s 1.5s;
 opacity: 1;
}

#selection1:target #linkmenu a:nth-child(1):after,
#selection2:target #linkmenu a:nth-child(2):after,
#selection3:target #linkmenu a:nth-child(3):after,
#selection4:target #linkmenu a:nth-child(4):after{
 opacity: 1;
 text-decoration: none;
}

b{letter-spacing:2px;color:#551c1c;}
i{color:#fff;}
a{color:#c65538; font-weight:bold;}

#musicslice{
position: fixed;
top: 20px;
right: 20px;
height: 50px;
width: 50px;
border: 1px solid black;
overflow: hidden;
-webkit-transition: all 1s;
transition: all 0s;
background-image:url(https://cdn.pbrd.co/images/8BKmSlE7A.png);
background-color: #821D35;
box-shadow: 1px 1px 3px black;}

#musicslice:active{
-webkit-transition: all 0s;
transition: all 0s;
box-shadow: 0px 0px 0px black;}

#musiccover{
position: absolute;
left: 0px;
top: 0px;
height: 50px;
width: 50px;
background-image:url(http://i67.tinypic.com/2ir2bd1.jpg);
background-size: auto 200%;
background-repeat: no-repeat;
background-position: top center;
}

#musichidden{
position: absolute;
left: -10px;
top: 0px;
height: 50px;
width: 50px;
zoom: 180%;
opacity: 0;
z-index: 1;
overflow: hidden;}

</style>

<div id="selection1">
 <div id="selection2">
 <div id="selection3">
 <div id="selection4">

<div id="backgroundimages">
</div>

<div id="nikaimage">
</div>

<div id="backgroundimages2">
</div>

<div id="contentcontainer">
 <div id="strips">
 </div>
 <div id="strips">
 </div>
 <div id="strips">
 </div>
 <div id="strips">
 </div>
 <div id="contenttitle">
 NIKA EVANLISH
 </div>
 <div id="linkmenu">
 <a href="#selection1"></a>
 <a href="#selection2"></a>
 <a href="#selection3"></a>
 <a href="#selection4"></a>
 </div>

 <div id="info" class="contentslide">
 <div id="contentinfo">
<b>Name</b> <i>--</i> Nika Evanlish <br>
<b>Age</b> <i>--</i> 200+ years <br>
<b>Species</b> <i>--</i> Kemonomimi (fox)<br>
<b>Gender</b> <i>--</i> Female <br>
<b>Height</b> <i>--</i> 5.1 Feet <br>
<b>Weight</b> <i>--</i> 110 Pounds <br>
<b>Eye Color</b> <i>--</i> Gold <br>
<b>Blood Type</b> <i>--</i> Unknown<br>
<b>Marital Status</b> <i>--</i> Single<br>
<b>Sexuality</b> <i>--</i> Bisexual <br>
<b>Weapons</b> <i>--</i> None <br>

<b>*</b> <i>--</i> Is a clumsy and silly person, also has a very bad memory and short term memory problems at times.

 </div>
 </div>

 <div id="history" class="contentslide">
 <div id="contentinfo" style="margin-top:50px;">

A kemonomimi from the eastern continent, who travels around the world with the reason that "I can't find my way home".She is a half-breed of a Kitsunemimi and a western human that born in Tokyo,the capital of the eastern kingdom, Japan. Nika took a lot of interest in western culture, and her favorite beverages are soft drinks and English tea. Currently stays at the very corner of the A to Z Records shop.

</div>
 </div>

 <div id="ooc" class="contentslide">
 <div id="contentinfo" style="margin-top:50px;">
<b>IC</b> <i>--</i> Smut is okay, pm friendly. English is not my mother language, please bare with my bad grammar. <br><br>

<b>OOC</b> <i>--</i> No smut outside of RPC! Pm friendly. All art of the character belongs to me. Do not steal it!<br><br>

<b>*</b> <i>--</i> Code created by <a target="_blank" href="https://roleplay.chat//profile.php?user=Digital" target="_blank">Digital</a> & <a target="_blank" href="http://roleplay.chat/profile.php?user=Minuet" target=_blank>© LittleDove</a>

 </div>
 </div>

 <div id="art" class="contentslide">
 <div id="contentinfo">
 <b>*</b> <i>--</i> I am an artist and can be found on both <a target="_blank" href="http://www.furaffinity.net/user/nikaevanlish" target="_blank">FA</a> and <a target="_blank" href="http://para-n01d.deviantart.com/" target="_blank">DA</a>, and I am open for commissions!<br><br>

<a target="_blank" href="http://i.imgur.com/2mtOCbc.jpg" target="_blank" title="full-size nika"><img src="http://i.imgur.com/2mtOCbc.jpg" height="100"></a>

<a target="_blank" href="http://www.furaffinity.net/view/20493404/" target="_blank"><img src="http://t.facdn.net/20493404@400-1467865346.jpg" height="100"></a>

<a target="_blank" href="http://www.furaffinity.net/view/20742399/" target="_blank"><img src="http://d.facdn.net/art/nikaevanlish/1470184116/1470184116.nikaevanlish_dsc_0132.jpg" height="100"></a>

<a target="_blank" href="http://www.furaffinity.net/view/20420125/" target="_blank"><img src="http://t.facdn.net/20420125@400-1467211690.jpg" height="100"></a>


<a target="_blank" href="http://www.furaffinity.net/view/20562461/" target="_blank"><img src="http://t.facdn.net/20562461@400-1468514959.jpg" height="100"></a>


<a target="_blank" href="http://www.furaffinity.net/view/20788394/" target="_blank"><img src="http://d.facdn.net/art/nikaevanlish/1470612868/1470612761.nikaevanlish_a_to_z_chibis_.jpg" width="100"></a>
 </div>
 </div>

<div class="contentslide" style="z-index: 1;">
</div>

</div>

<div id="musicslice" title="click for music // yuko suzuhana - nijiro chouchou">
<div id="musiccover">
</div>
<div id="musichidden">
<audio controls src="http://k003.kiwi6.com/hotlink/iqv2jwdzwl/Yuko_Suzuhana_with_Wagakki_Band_-_Nijiiro_Chouchou_1_VOLUME.mp3
"></audio>
</div>
</div>