Sugar Code WIP

<style>
@import url('https://fonts.googleapis.com/css2?family=Fondamento&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;
 	font-family: ;
	color: #7c7c7c;
 	text-shadow:0px 0px 3px #000;

}

.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: -2;
 filter:contrast(%);
}

.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: -2;
 filter:contrast(%);
}


.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: -2;
 filter:contrast(%);
}

.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: -2;
 filter:contrast(90%);
}

.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: -2;
 filter:contrast(90%);
}

div.candy1{
 position: fixed;
 background-image: url('https://gallery.yopriceville.com/var/resizes/Backgrounds/White_and_Dark_Chocolate_Bars_Background.png?m=1435051852') ;
 background-size: 50%;
 background-repeat: -repeat;
 top: 5vw;
 left: 22vw;
 border-radius: 25px;
 width: 250px;
 height: 500px;
 font-family: 'Open Sans Condensed', sans-serif;
 font-size: 12px;
 text-align: center;
 overflow: auto;
 border-style: solid;
 border: 3px solid #B93E73;
 background-color: #FE95C8;
 animation: box2 5s forwards;
 animation-delay: 16.5s;
 opacity: 1;
 color: #FFD700;

}


</style>
<body>

<div class="sugar1">

</div>


<div class="sugar2">

</div>


<div class="sparkle1">

</div>

<div class="sparkle2">

</div>

<div class="sparkle3">

</div>

<div class="candy1">
<h1>ABILITIES</h1>
⭐skill release (解かい除じょ kaijo?): ochaco can press her fingertips together and make whatever she has touched stop floating. this move is first used on villain bots, and when she saved izuku from falling to his death, at the u.a. entrance exam.<br>
⭐meteor fafrotskies (メテオファフロッキーズ meteo fafurokkīzu?): in conjunction with tsuyu, the two rise and throw several debris at the targets. it is a stronger, multi-ranged version of meteor shower. this move was first used against two villains with gigantification quirks during the two heroes' internship.<br>
⭐home run comet (彗星すいせいホームラン suisei hōmuran?): after touching some rubble and a pillar to make them weightless, ochaco uses the pillar to forcefully hit the rubble at her enemy. this move is first used to distract tenya during the battle trial.<br>
⭐levitation by removing her own gravitational pull, ochaco can jump higher and make herself float further. this allows her to mobilize easier, touching her targets in most directions.<br><br>

<h1>STATS</h1>
<b>power:</b> d ● ● ○ ○ ○<br>
<b>speed:</b> e ● ○ ○ ○ ○<br>
<b>technique:</b> a ● ● ● ● ●<br>
<b>intelligence:</b> c ● ● ● ○ ○<br>
<b>cooperativeness: </b>a ● ● ● ● ●<br>
</div>

</body>
</body>