Starburst

<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }
</style>

<style type="text/css">
@font-face { font-family: Pacifico; src: url(https://dl.dropboxusercontent.com/s/odbr5p8xk1ylhdw/Pacifico.ttf); }
@font-face { font-family: Caviar Dreams; src: url(https://dl.dropboxusercontent.com/s/q50589lvhm47jq8/CaviarDreams.ttf); }
@font-face { font-family: Red Velvet; src: url(https://dl.dropboxusercontent.com/s/bz8dlq1dbxu7gol/Red%20Velvet%20-%20Demo.ttf); }


body {
font-family: verdana;
font-size: 10px;
background-color: #ce678f;
background-image: url('');
background-attachment: fixed;
background-position: bottom right;
background-repeat: no-repeat;

color: #888888;
cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
}

b, strong {font-family:'verdana'; font-variant: small-caps; font-size:15px; color: #685431; font-weight:normal; letter-spacing: -1px;}
i {color: #ad7777; font-family: 'calibri'; font-variant: small-caps; font-size:11pt; letter-spacing:0px}
u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
s {color: #99D6FF; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #FF99D6 0px 0px 1px;}
big {color: #b4edde; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family: caviar dreams; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #666 0px 0px 1px;}

::-webkit-scrollbar-button:vertical:{background-color: transparent;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;}
::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}

::selection{
background: #6f607a;
color: black;
}

::-moz-selection{
background: #6f607a;
color: black;
}

h1 {
font-family: caviar dreams;
color: #b4edde;
font-size: 20px;
line-height: 2px;
text-transform: uppercase;
text-align: right;
letter-spacing: 3px;
border-top: 1px solid #fcbbbb;
}

.impress {
color: #fcbbbb;
font-family: verdana;
font-size: 10px;
text-align:justify;
margin-left:5px;
margin-right:5px;
}

#butt1{
 position: fixed;
 top: 150px;
 left: 1185px;
 width: 20px;
 height: 20px;
 border: #fcbbbb 1px solid;
 background-color: #fcbbbb;
 overflow: auto;
 z-index: 205;
 border-radius:100px; transition:2s;

}

#butt2{
 position: fixed;
 top: 200px;
 left: 1185px;
 width: 20px;
 height: 20px;
 border: #fcbbbb 1px solid;
 background-color: #fcbbbb;
 overflow: auto;
 z-index: 205;
 border-radius:100px; transition:2s;

}

#butt3{
 position: fixed;
 top: 250px;
 left: 1185px;
 width: 20px;
 height: 20px;
 border: #fcbbbb 1px solid;
 background-color: #fcbbbb;
 overflow: auto;
 z-index: 205;
 border-radius:100px; transition:2s;

}


#butt4{
 position: fixed;
 top: 300px;
 left: 1185px;
 width: 20px;
 height: 20px;
 border: #fcbbbb 1px solid;
 background-color: #fcbbbb;
 overflow: auto;
 z-index: 205;
 border-radius:100px; transition:2s;

}



#butt5{
 position: fixed;
 top: 350px;
 left: 1185px;
 width: 20px;
 height: 20px;
 border: #fcbbbb 1px solid;
 background-color: #fcbbbb;
 overflow: auto;
 z-index: 205;
 border-radius:100px; transition:2s;

}



#butt6{
 position: fixed;
 top: 400px;
 left: 1185px;
 width: 20px;
 height: 20px;
 border: #fcbbbb 1px solid;
 background-color: #fcbbbb;
 overflow: auto;
 z-index: 205;
 border-radius:100px; transition:.5s;

}

#butt1:hover, #butt2:hover, #butt3:hover, #butt4:hover, #butt5:hover, #butt6:hover { height: 10px; border-radius:50px; transition:.2s; rotate(60deg);
 -moz-transform: rotate(60deg);
 -o-transform: rotate(60deg);
 -ms-transform: rotate(60deg);
 transform: rotate(60deg);

}




#name {
 position: fixed;
 left: 865px;
 top: 485px;
 background: transparent;
 font-family: 'Pacifico';
 font-size: 45px;
 height: 800px;
 width: 800px;
 background: url('https://media.giphy.com/media/MuJZbKbHppXc4/giphy.gif');
 background-position: 60;
 background-size: auto;
 background-repeat: repeat;
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
 display: block;
 text-align: center center
 text-transform: lowercase;
 letter-spacing: px;
 opacity: 0.6;
 z-index: 1000;
 }

#container {
 position: fixed;
 top: 100px;
 left: 700px;
 width: 400px;
 height: 445px;
 border: 10px Solid #fcbbbb;
background-image: url('http://i.picpar.com/kYzc.png');
 color: #444;
 z-index: 5;
 font-variant: small-caps;
 overflow: auto;
}

#ooc {
 position: fixed;
 top: 120px;
 left: 860px;
 width: 295px;
 height: 335px;
 background-color: #ce678f;
 border: 10px Solid #fcbbbb
;
 color: #999;
 z-index: 1400;
 font-variant: small-caps;
 overflow: auto;
}

#sl {
position: fixed;
left: 530px;
top: 100px;
z-index: 200;
}

#l1 {
 position: fixed;
 top: 490px;
 left: 815px;
 width: 510px;
 height: 50px;
 border: #fcbbbb 1px solid;
 background-color: #fcbbbb;
 overflow: auto;
 z-index: 105;
}
a.nav:link, a.nav:active, a.nav:visited{
letter-spacing: 1px;
text-transform: lowercase;
display: inline-block;
width: 40px;
height: 20px;
color: #99;
font-family: 'Abel', sans-serif;
margin: 5px;
background-color: transparent;
text-align: center;
line-height: 13px;
font-size: 10px;
word-spacing: 1px;
font-variant: small-caps;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
}

a.nav:hover{
background-color: transparent;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
}

a {
color: #9e2755;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default; transition: .5s;
}

a:hover {
color: #ffbad4;
text-decoration: none;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default; transition: .5s;
}

p {
margin: 10px;
padding: 5px;
font-family: verdana;
font-variant: small-caps;
color: #ededee;
text-align: justify;
font-size: 10px;
background-color: transparent;
}
</style>

<div id="container"></div> <div id="mainimg"></div>
<div id="sl"><img src="https://i.imgur.com/46A20Mm.png?2"></div></div>

<div id="butt1"></div>
<div id="butt2"></div>
<div id="butt3"></div>
<div id="butt4"></div>
<div id="butt5"></div>
<div id="butt6"></div>

<div id="name">★unexplainably juicy★</div>
<div id="l1"></div>

<div id="ooc">
 <h1>Out of Charisma</h1>
 <div class="impress"><big>Note</big>: Code was made for Starburst only. Leave <a href="/profile.php?user=Bee">Bee</a> a PM/RPCmail for inquires for a profile.<br>
</div>
<br> <div class="impress"> <big>✨</big> My name is Star, a few call me waifu, a rarity calls me Cap'n or Summer. I'm sure I'll collect a few other nicknames, good or bad, before I eventually quit role-playing. Ask for my Discord if you really want it.</div>
<br><div class="impress"> <big>✨</big>Whenever I am online.. I am here either to indulge in role-play, strike up conversation or play some group oriented PC game. I am uninterested in OOC bullshit, despite my love for Korean dramas. </div>
<br><div class="impress"> <big>✨</big>I love descriptive, literate role-play. I am not a spelling nazi, but please make some form of effort to use spellcheck now and then. Long-term or short-term is interchangeable, but long-term partners are generally top priority. Smut depends on my mood and comfort level at the moment. And no, I don't auto-ship!</div>
<br><div class="impress"> <big>✨</big>Interested in a different character? Just ask, I probably have a name for it.</div>
<br><div class="impress"> <big>✨</big>Placeholder profile. Isn't it obvious?</div> <br>

</div>