carlaria

<style>
.pfor {
 display: none;}
#profile {
 background-color: transparent;
 border: transparent;}

body {
 background-image: url(http://wallpaper21.com/wp-content/uploads/2016/06/rave-wallpaper5.jpg);}

#glowstick {
 position: fixed;
 z-index: 2;
 top: 25;
 left: 0;}
#glowstick img {
 width: 800px;}
#pillsup{
 z-index: 3;
 position: fixed;
 bottom: 0;
 left: 180;}
#pillsup img {
 height: 80%;}



#veggiesticks {
 position: fixed;
 z-index: 4;
 top: 200;
 right: 500;
 background-color: #737373;
 width: 500px;
 height: 500px;
 padding: 0px;
 padding-top: 38px;
 color: #cccccc;
 font-family: geneva;
 text-align: center;
 font-size: 14px;
 -moz-border-radius: 100px 100px 100px 1000px;
 -webkit-border-radius: 100px 100px 100px 100px;}





.circle_menu {
		display:inline-block;
		background-color:#333;
		width:40px;
		height:40px;
		margin:0 0 0 20px;
		border-radius:100%;
		-moz-border-radius:100%;
		border:5px solid #fff;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;

}


.circle_menu:hover {
		background-color:#111;
		border:5px solid #545454;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
}

.circle_menu:hover:before {
		opacity:1;
		transform:scale(0.5) rotate(0deg);
		-moz-transform:scale(0.5) rotate(0deg);
		-webkit-transform:scale(0.5) rotate(0deg);
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
}

.circle_menu span {
		position:absolute;
		margin:22px 0 0 22px;
		width:15px;
		height:15px;
		color:transparent;
		background-color:white;
		border-radius:100%;
		-moz-border-radius:100%;
		opacity:0;
		transform:scale(1.5) rotate(0deg);
		-moz-transform:scale(1.5) rotate(0deg);
		-webkit-transform:scale(1.5) rotate(0deg);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
}


.circle_menu:hover span {
		transform:scale(0.6) rotate(0deg);
		-moz-transform:scale(0.6) rotate(0deg);
		-webkit-transform:scale(0.6) rotate(0deg);
		width:15px;
		height:15px;
		background-color:white;
		border-radius:100%;
		-moz-border-radius:100%;
		font-size:0px;
		color:transparent;
		margin:22px 0 0 22px;
		opacity:1;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
}

.circle_menu a { text-decoration:none;}

.circle_menu:before {
		opacity:0;
		position:absolute;
		display:block;
		content:'';
		width:50px;
		height:50px;
		border:10px solid #fadc14;
		border-radius:100%;
		-moz-border-radius:100%;
		margin:-15px 0 0 -15px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
}

.circle_menu:after {
		display:block;
		content:'';
		width:15px;
		height:15px;
		background-color:#fb09bf;
		border-radius:100%;
		-moz-border-radius:100%;
		margin:22px 0 0 22px;
}

#glowheels {
 z-index: 6;
 position: fixed;
 top: 572;
 left: 200;
 border-style: double double double double;
 border-width: 1px 1px 1px 1px;
 border-color: #d6be76;
 background-color: #737373;
 width: 200px;
 height: 50px;
 color: #cccccc;
 font-family: geneva;
 text-align: center;
 font-size: 13px;
 font-style: italic;
 border-radius: 0px 0px 30px 0px;
 -moz-border-radius: 200px 200px 200px 200px;
 -webkit-border-radius: 200px 200px 200px 200px;}
#miscbox a {
 text-decoration: none;
 color: #cccccc;
 font-family: geneva;}

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




</style>





<div id="veggiesticks">
<div id="menu_container">
 <a href="#walkwalk" class="circle_menu"><span>1</span></a>
 <a href="#makeem" class="circle_menu"><span>2</span></a>
 <a href="#workforyou" class="circle_menu"><span>3</span></a>
 <a href="#longlegs" class="circle_menu"><span>4</span></a>
 <a href="#highestheels" class="circle_menu"><span>5</span></a>
</div>
<Br><br>
<div style="height: 100%; overflow-y: hidden;">
<a name="walkwalk">Stats</a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
Name:<br>
<i>Calaria</i><br>
Alias:<br>
<i>Admin Calaria</i><br>
Age:<br>
<i>28</i><br>
Gender:<br>
<i>♀ Female</i><br>
Height:<br>
<i>5ft7inch With out the heels.</i><br>
Weight:<br>
<b>123lbs</b><br>
Home Region:<br>
<b>Mythos</b><br>
Specialty:<br>
<i>Steel and Electricity</i><br>
Occupation:<br>
<i>Gym Leader/Admin for Team Rocket.</i><br>
Orientation:<br>
<i>BassSexual</i><br>
Status:<br>
N/A</div>



<a name="makeem">STUFF</a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left"><br>
<p>more stuff </P>

</div>



<a name="workforyou">STUFF</a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left"><br>
Pokemon
</div>

<a name="longlegs">Ties</a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left"><br>
Hiistory of the character
</div>

<a name="highestheels">Rules</a>
<div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left"><br>
RULES RULES RULES
</div>
</div>
</div>

<div id="glowheels"><br>

<audio controls style="width: 100px;">
 <source src="http://k003.kiwi6.com/hotlink/zz41h963xv/Pretty_Rave_Girl.mp3" type="audio/mp3">
</audio>
<img src="http://i.imgur.com/9xAm3Y7.gif" width=25%/>
</div>



<div id="glowstick"><img src="http://i.imgur.com/w2lAh61.gif"></div>

<div id="pillsup"><img src="http://i.imgur.com/VVRLrKW.png"></div>