manon's placeholder profile, edited

<style type="text/css">
@import 'https://fonts.googleapis.com/css?family=Asap:400,400i,700,700i|Merriweather+Sans:300,400,400i,800i';
.pfor {display: none;}

body{
color: #fff;
font-family: 'dosis', sans-serif;
font-size: 9px;
background: #fffcff; /*--- BACKGROUND ---*/
}

body, a, a:hover {cursor: url(http://i.picpar.com/QaYb.png), auto;}

::-webkit-scrollbar-thumb {
min-height: 60px;
width: 1px;
background: transparent;
}

::-webkit-scrollbar {
width: 1px;
background: transparent;
}
::selection {
color: #fff;
}
::-moz-selection {
color: #fff;
}
/*--- CREDIT, PLEASE DON'T REMOVE HERE, OR ON THE PROFILE. ---*/

.credit{
position: fixed;
bottom: 0px;
left: 0px;
height: 25px;
width: 25px;
font-family: 'hind';
font-size: 10px;
color: #fffcff; /*--- Change to match color scheme. ---*/
text-align: center;
overflow: hidden;
}


/*-- NAME/TITLE --*/

.border-name{
position: fixed; margin: auto;
top: 0; bottom: 201; left: 0; right: 0;
background: #6d3c8e; /*--- CHANGE TO MATCH FONT COLOR ---*/
height: 3px; width: 400px;
}
.name{
position: fixed; margin: auto;
top: 0; bottom: 245; left: 0; right: 0;
height: 50px; width: 400px;
font-family: helvetica;
font-size: 50px;
color: #874ead; /*--- FONT COLOR, CHANGE TO MATCH BORDER-NAME BACKGROUND COLOR. ---*/
font-weight: 900;
font-style: ;
text-align: left;
line-height: 50px;
}

/*--- ICON ---*/

.icon{
position: fixed; margin: auto;
top: 0; bottom: 80; left: 0; right: 300;
height: 100px; width: 100px;

background-image: url('https://i.imgur.com/K1Wk5n0.png'); /*-- ICON BACKGROUND IMAGE --*/
background-repeat: no-repeat;
background-position: center;
}
/*-- STATS --*/

.stat-con{
position: fixed; margin: auto;
top: 120; bottom: 0; left: 0; right: 300;
height: 100px; width: 100px;
}

.stat-block{
display: block;
height: 10px;
width: 100px;
margin-top: 2px;
margin-bottom: 2px;
overflow: hidden;
}

.stat-top{
display: block;
margin-left: 0;
opacity: 1;
height: 10px; width: 100px;
line-height: 10px;
text-align: justify;
text-indent: 2px;
text-transform: uppercase;
font-family: 'asap', sans-serif;
font-size: 8px;
color: #000000; /*--- STAT TOP FONT COLOR --*/
background-color: #b5c3fd; /*--- STAT TOP BACKGROUND COLOR --*/
z-index: 1;
transition: .9s linear;
}
.stat-block:hover .stat-top{
margin-left: -100px;
opacity: 0;
transition: .9s linear;
}
.stat-bottom{
display: block;
margin-top: 0px;
opacity: 0;
height: 10px; width: 100px;
line-height: 10px;
text-align: justify;
text-indent: 2px;
text-transform: uppercase;
font-family: 'asap', sans-serif;
font-size: 8px;
color: #000000; /*--- STAT BOTTOM FONT COLOR --*/
background-color: #fffcff; /*--- STAT BOTTOM BACKGROUND COLOR --*/
z-index: 2;
transition: .9s linear;
}
.stat-block:hover .stat-bottom{
margin-top: -10px;
opacity: 1;
transition: .9s linear;
transition-delay: .9s;
}



/*--- BLOCK TEXT ---*/

.main-text{
position: fixed; margin: auto;
top: 20; bottom: 0; left: 110; right: 0;
height: 200px; width: 285px;
border-left: 3px solid #6d3c8e; /*--- MATCH BORDER WITH NAME/TITLE COLORS ---*/
overflow: hidden;
}

.text{
height: 180px;
width: 265px;
margin: 10px;
text-align: justify;
font-family: 'Merriweather Sans', sans-serif;
font-size: 10px;
line-height: 10px;
font-weight: 100;
color: #000000; /*--- BIG BOX TEXT COLOR ---*/
overflow: auto;
}
.text-first-letter{
float: left;
height: 30px;
background-color: #f7cdb4; /*--- FIRST LETTER BACKGROUND COLOR, MATCH TITLE COLOR. ---*/
color: #fff; /*--- FIRST LETTER COLOR ---*/
border: 3px double #fff; /*--- FIRST LETTER BORDER --*/
margin-left: 5px;
margin-right: 5px;
padding: 5px;
line-height: 30px;
font-size: 20px;
text-align: center;
display: inline-flex;
}

</style>
<div class="border-name"></div>

<div class="name">♛</div>

<div class="icon"></div>

<div class="stat-con">

<div class="stat-block">
<div class="stat-top"> name </div>
<div class="stat-bottom"> manon </div>
</div>

<div class="stat-block">
<div class="stat-top"> species </div>
<div class="stat-bottom"> shiny cloyster </div>
</div>

<div class="stat-block">
<div class="stat-top"> type </div>
<div class="stat-bottom"> water / ice </div>
</div>

<div class="stat-block">
<div class="stat-top"> level </div>
<div class="stat-bottom"> eighty-six </div>
</div>

<div class="stat-block">
<div class="stat-top"> ability </div>
<div class="stat-bottom"> skill link </div>
</div>

<div class="stat-block">
<div class="stat-top"> held item </div>
<div class="stat-bottom"> icy rock </div>
</div>

<div class="stat-block">
<div class="stat-top"> affiliation </div>
<div class="stat-bottom"> team rio </div>
</div>

</div>

<div class="main-text">
<div class="text">
<font color=#aaa>

<i>“ snips and snails and slowpoke tails—</i>

<br><br>

<center><i>that’s what <font color=#e6b8f9>sea witches</font> are made of. ”</i></font></center>

<br><br>
<center><font color=#aaa>[ <i>info</i> ]</font></center>
<br>

<font color=#e6b8f9>

HYDRO PUMP <font style="float:right;">ICICLE SPEAR</b></font>

<br>
SURF <font style="float:right;">HAIL</font>

</font>

<br><br>

<center><font color=#aaa><i>Disinterested in smut and combat.

<br>FC is Artemis, from <a target="_blank" href="https://www.webtoons.com/en/romance/lore-olympus/list?title_no=1320&page=1"><font color=#e6b8f9>Lore Olympus</font></a>.

<br>Don’t <font color=#e6b8f9>@</font> me unless I send for you.</i>
</font></center>

<br><br>

<font color=#e6b8f9>

DISCORD: ✓ <font style="float:right;">IC ≠ OOC</b></font>

<br>
PM-FRIENDLY <font style="float:right;">TIMEZONE: EST</font>

</font>

<br>

<center><font color=#aaa> ↓ </font></center>

<br><br>

<center><font color=#aaa>[ <i>the team</i> ]</font></center>

<br>

<center>

<a target="_blank" href="https://roleplay.chat/profile.php?user=trainer"><img src="https://i.imgur.com/9DoXgvo.png" width="75" height="75" title="rio" alt=""></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=dasha"><img src="https://i.imgur.com/IO8myAj.png" width="75" height="75" title="dasha" alt=""></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=saiph"><img src="https://i.imgur.com/G5jwkKq.png" width="75" height="75" title="saiph" alt=""></a>



<br>



<a target="_blank" href="https://roleplay.chat/profile.php?user=pidgey"><img src="https://i.imgur.com/LDeyQdU.png" width="75" height="75" title="pidge" alt=""></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=growlithe"><img src="https://i.imgur.com/QhUnUki.gif" width="75" height="75" title="roarelai" alt=""></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=bakphoon"><img src="https://i.imgur.com/K1f8L2w.png" width="75" height="75" title="bakphoon" alt=""></a>

<br>



<a target="_blank" href="https://roleplay.chat/profile.php?user=kali+mari"><img src="https://i.imgur.com/NWWVVvZ.gif" width="75" height="75" title="kali" alt=""></a>

<a target="_blank" href="https://roleplay.chat/profile.php?user=nobu"><img src="https://i.imgur.com/1EIYh1g.png" width="75" height="75" title="nobu" alt=""></a>


</center>

</div>
</div>


<div class="credit" title="Profile by 100% Juice">@</div>