rock candy profile

<style>
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Molle:ital@1&family=Patrick+Hand+SC&display=swap');
::-webkit-scrollbar{width:0.5vh;height:0.1vh;}
 ::-webkit-scrollbar-track{border-radius:0;background:transparent;}
 ::-webkit-scrollbar-thumb{border-radius:0;background:transparent;}



body {
	background-color: #f6df1d;
	background-image: url('https://media.discordapp.net/attachments/734053231373844500/735600974969700383/0bd347724b0ac2d73efc797fef6e88d6.png?width=375&height=375') ;
	background-position: fixed;
 background-size: %;
	background-repeat:repeat;
	background-position: center;
}

.sugar1{
 position: fixed;
 top: 0vw;
 left: 70vw;
 background-image:url(http://i.picpar.com/sLHe.png);
background-size: 25%;
background-repeat: no-repeat;
 width: 100%;
 height: 100%;
 opacity: 1;
 z-index: 0;
}

.sugar2{
 position: fixed;
 top: 27vw;
 left: 0vw;
 background-image:url(http://i.picpar.com/7ZHe.png);
background-size: 25%;
background-repeat: no-repeat;
 width: 100%;
 height: 100%;
 opacity: 1;
 z-index: 0;
}

.sparkle1{
 position: fixed;
 top: 20vw;
 left: 0vw;
 background-image:url(https://i.pinimg.com/originals/6b/c2/fc/6bc2fc9fb88be9935a8a15f1b40dea05.gif);
background-size: 15%;
background-repeat: no-repeat;
 width: 100%;
 height: 100%;
 opacity: 1;
 z-index: 0;
}

.sparkle2{
 position: fixed;
 top: 27vw;
 left: 10vw;
 background-image:url(http://i.picpar.com/GZHe.gif);
background-size: 15%;
background-repeat: no-repeat;
 width: 100%;
 height: 100%;
 opacity: 1;
 z-index: 0;

}

.sparkle3{
 position: fixed;
 top: 32vw;
 left: -2vw;
 background-image:url(http://i.picpar.com/HZHe.gif);
background-size: 13%;
background-repeat: no-repeat;
 width: 100%;
 height: 100%;
 opacity: 1;
 z-index: 0;
}

.sign{
 position: fixed;
 top: 0vw;
 left: 0vw;
 background-image:url(http://i.picpar.com/m8Ie.png);
background-size: 23%;
background-repeat: no-repeat;
 width: 100%;
 height: 100%;
 opacity: 1;
 z-index: -2;
}

.signtext{position:absolute;
 top: 2.9vw;
 left: 6.7vw;
z-index:100;
opacity:1;
font-family: 'Berkshire Swash', cursive;
font-size:55px;
background-image:url(https://i.pinimg.com/originals/b5/51/a3/b551a30f0e1e0ec0c08d37b35649ec0e.gif);
-webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
transform: skew(10deg);
}
.signtextback{position:absolute;
 top: 2.7vw;
 left: 6.6vw;
z-index:99;
opacity:1;
font-family: 'Berkshire Swash', cursive;
font-size:57px;
 color: #000;
transform: skew(10deg);
}

h1 {color: #000;
text-align: center;
width: 150px;
font-family: 'Molle', cursive;
font-size: 25px;
border-radius:10px;
border:2px solid #000;
background-color: #fff;
background-size:50%;}

h2 {
color: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
font-family: 'Molle', cursive;
font-size: 25px;
font-weight: bold;
padding: 5px;
}

.candy1top{
 position: fixed;
 background-image: url('https://img.freepik.com/free-vector/metal-texture-background_46250-1743.jpg?size=626&ext=jpg') ;
 background-size: 100%;
 background-repeat: repeat;
 top: 2vw;
 left: 22.5vw;
 padding:px;
 border-top-left-radius: 25px;
 border-top-right-radius: 25px;
 width: 200px;
 height: 60px;
 font-family: 'Open Sans Condensed', sans-serif;
 font-size: 12px;
 text-align: center;
 overflow: auto;
 border-style: solid;
 border: 3px solid #43464B;
 background-color: #FE95C8;
z-index: -1;
 opacity: 1;
 color: #FFD700;
}

.candy1{
 position: fixed;
 top: 6.8vw;
 left: 22.5vw;
 background-image: url('http://i.picpar.com/k6Ie.png') ;
 background-size: 400%;
 background-repeat: repeat;
 width: 200px;
 height: 440px;
font-family: 'Patrick Hand SC', cursive;
 font-size: 14px;
 text-align: center;
 overflow: auto;
 border-style: solid;
 border: 3px solid;
 border-left-color: #a8ccd7 ;
 border-right-color: #a8ccd7 ;
 border-top-color: #43464B ;
 border-bottom-color: #43464B ;
 background-color: #FE95C8;
 background-color: #FE95C8;
 opacity: 1;
z-index: 0;
 color: #fff;
}


.candy1bottom{
 position: fixed;
 background-image: url('https://img.freepik.com/free-vector/metal-texture-background_46250-1743.jpg?size=626&ext=jpg') ;
 background-size: 100%;
 background-repeat: repeat;
 top: 39vw;
 left: 22.5vw;
 border-bottom-left-radius: 25px;
 border-bottom-right-radius: 25px;
 width: 200px;
 height: 60px;
 font-family: 'Open Sans Condensed', sans-serif;
 font-size: 12px;
 text-align: center;
 overflow: auto;
 border-style: solid;
 border: 3px solid #43464B;
 background-color: #FE95C8;
z-index: 0;
 opacity: 1;
 color: #FFD700;

}

.candy2top{
 position: fixed;
 background-image: url('https://img.freepik.com/free-vector/metal-texture-background_46250-1743.jpg?size=626&ext=jpg') ;
 background-size: 100%;
 background-repeat: repeat;
 top: 2vw;
 left: 38.5vw;
 border-top-left-radius: 25px;
 border-top-right-radius: 25px;
 width: 200px;
 height: 60px;
 font-family: 'Open Sans Condensed', sans-serif;
 font-size: 12px;
 text-align: center;
 overflow: auto;
 border-style: solid;
 border: 3px solid #43464B;
 background-color: #FE95C8;
z-index: -1;
 opacity: 1;
 color: #FFD700;

}

.candy2{
 position: fixed;
 top: 6.8vw;
 left: 38.5vw;
 background-image: url('http://i.picpar.com/i6Ie.png') ;
 background-size: 350%;
 background-repeat: repeat;
 background-position: center;
 width: 200px;
 height: 440px;
font-family: 'Patrick Hand SC', cursive;
 font-size: 14px;
 text-align: center;
 overflow: auto;
 border: 3px solid;
 border-left-color: #a8ccd7 ;
 border-right-color: #a8ccd7 ;
 border-top-color: #43464B ;
 border-bottom-color: #43464B ;
 background-color: #FE95C8;
 opacity: 1;
z-index: 0;
 color: #fff;

}

.candy2bottom{
 position: fixed;
 background-image: url('https://img.freepik.com/free-vector/metal-texture-background_46250-1743.jpg?size=626&ext=jpg') ;
 background-size: 100%;
 background-repeat: repeat;
 top: 39vw;
 left: 38.5vw;
 border-bottom-left-radius: 25px;
 border-bottom-right-radius: 25px;
 width: 200px;
 height: 60px;
 font-family: 'Open Sans Condensed', sans-serif;
 font-size: 12px;
 text-align: center;
 overflow: auto;
 border-style: solid;
 border: 3px solid #43464B;
 background-color: #FE95C8;
z-index: 0;
 opacity: 1;
 color: #FFD700;

}


.candy3top{
 position: fixed;
 background-image: url('https://img.freepik.com/free-vector/metal-texture-background_46250-1743.jpg?size=626&ext=jpg') ;
 background-size: 100%;
 background-repeat: repeat;
 top: 2vw;
 left: 54.5vw;
 border-top-left-radius: 25px;
 border-top-right-radius: 25px;
 width: 200px;
 height: 60px;

 font-size: 12px;
 text-align: center;
 overflow: auto;
 border-style: solid;
 border: 3px solid #43464B;
 background-color: #FE95C8;
z-index: -1;
 opacity: 1;
 color: #FFD700;
}

.candy3{
 position: fixed;
 top: 6.8vw;
 left: 54.5vw;
 background-image: url('https://i.imgur.com/WLsXiwf.jpg') ;
 background-size: 300%;
 background-position: center;
 width: 200px;
 height: 440px;
font-family: 'Patrick Hand SC', cursive;
 font-size: 14px;
 text-align: center;
 overflow: auto;
 border: 3px solid;
 border-left-color: #a8ccd7 ;
 border-right-color: #a8ccd7 ;
 border-top-color: #43464B ;
border-bottom-color: #43464B ;
 background-color: #FE95C8;
 opacity: 1;
z-index: 0;
 color: #fff;
}

.candy3bottom{
 position: fixed;
 background-image: url('https://img.freepik.com/free-vector/metal-texture-background_46250-1743.jpg?size=626&ext=jpg') ;
 background-size: 100%;
 background-repeat: repeat;
 top: 39vw;
 left: 54.5vw;
 border-bottom-left-radius: 25px;
 border-bottom-right-radius: 25px;
 width: 200px;
 height: 60px;
 font-family: 'Open Sans Condensed', sans-serif;
 font-size: 12px;
 text-align: center;
 overflow: auto;
 border-style: solid;
 border: 3px solid #43464B;
 background-color: #FE95C8;
z-index: 0;
 opacity: 1;
 color: #FFD700;
}

</style>
<body>

<div class="signtext">
 Rock<br>Candy
</div>
<div class="signtextback">
 Rock<br>Candy
</div>

<div class="sugar1">

</div>


<div class="sugar2">

</div>


<div class="sparkle1">

</div>

<div class="sparkle2">

</div>

<div class="sparkle3">

</div>

<div class="sign">

</div>


<div class="candy1top">
<center><h1>STATS</h1>

</div>

<div class="candy1">



<span style="float:left;"><b>🍬Name</b></span><span style="float:right;">Satou Rurika</span><br>
<span style="float:left;"><b>🍬Alias(es)</b></span><span style="float:right;"><a title="TBA">hover</a></span><br>
<span style="float:left;"><b>🍬Gender</b></span><span style="float:right;">Female</span><br>
<span style="float:left;"><b>🍬Age</b></span><span style="float:right;">16</span><br>
<span style="float:left;"><b>🍬Race</b></span><span style="float:right;"><a title="Japanese/British">Quirked Human</a></span><br>
<span style="float:left;"><b>🍬Voice</b></span><span style="float:right;"><a href="" target="_blank">TBA</a></span><br>
<span style="float:left;"><b>🍬Hero Name</b></span><span style="float:right;">Rock Candy</span><br>
<span style="float:left;"><b>🍬Class</b></span><span style="float:right;">-</span><br><br>
<span style="float:left;"><b>🍬Height</b></span><span style="float:right;">5'2"</span><br>
<span style="float:left;"><b>🍬Weight</b></span><span style="float:right;">110lbs</span><br>
<span style="float:left;"><b>🍬Eyes</b></span><span style="float:right;">Plum</span><br>
<span style="float:left;"><b>🍬Hair</b></span><span style="float:right;">Lavander</span><br>
<span style="float:left;"><b>🍬Build</b></span><span style="float:right;">Athletic</span><br><br>
<span style="float:left;"><b>🍬Orientation</b></span><span style="float:right;">Straight</span><br>
<span style="float:left;"><b>🍬Relationship</b></span><span style="float:right;"><a target="_blank" href="">Single Pringle</a></span><br>
<span style="float:left;"><b>🍬Affiliation</b></span><span style="float:right;">UA Academy</span><br><br><br>

<h2>headcanons</h2><br>
🍰 Appears to be shining at times, due to the sugar in her sweat crystalizing.<br>
🍰 Absolutely hates anything with artifical sweeteners. <br>
🍰 Satou sometimes forgets to eat normal food like meats and vegetables, and thus, suffers from minor bouts of anemia.<br>
🍰 Her quirk makes her immune to diseases like Diebetes, but can experience a sugar crash if she exerts herself.<br>
🍰 Loves dancing, is often found swaying to music in her head, or using it as a means to keep up her muscle strength.<br>

</div>

<div class="candy1bottom">
<img src="http://i.picpar.com/I6Ie.png" width="60">
</div>


<div class="candy2top">
<center><h1>QUIRK</h1>

</div>

<div class="candy2">
<h2>Crystallization</h2>
🍭With this quirk, the user can hyper-crystalize the sugar in their body to use for both offensive and defensive purposes. <br>
🍭The User can manipulate the structure and size of excreted sugar molocules, and has a limited control of ballistic trajectory of launched projectiles. <br><br>

🍭While rigid to penetrate some materials, crystals are fragile, and can shatter under pressure with ease. <br>
🍭User cannot formulate complicated structures or shapes. <br>
🍭User can only manupulate sugars they have digested and processed. <br>

</div>


<div class="candy2bottom">
<img src="http://i.picpar.com/I6Ie.png" width="60">
</div>

<div class="candy3top">
<center><h1>OOC</h1>

</div>

<div class="candy3">

🍪 I made the code. If you want help, please ask. Want me to make you one? DM me.<br><br>
🍪 Pretty DM Friendly. Wanna chat? Stay polite. <br><br>
🍪 Weird Schedule, if I don't reply, don't take it personal.<br><br>
🍪Snowballer. Wanna write? Make it interesting.<br><br>
🍪 Want straight up smut? Bye. <br><br>
🍪 Wanna plot? I'm all ears. <br><br>
🍪 Will add on to the profile if needed. <br><br>

</div>

<div class="candy3bottom">
<img src="http://i.picpar.com/I6Ie.png" width="60">
</div>



</body>
</body>