decimate 3

<style>
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Bebas+Neue&family=Chivo+Mono:wght@600&family=Rubik+80s+Fade&family=Rubik+Vinyl&family=Seymour+One&display=swap');

body {
background: #814141;}

::-webkit-scrollbar {
width: 1em;
}

::-webkit-scrollbar-thumb {
background: rgba(139, 0, 0, 0.08);
height: 1em;
border: solid .1em #AA336A;
border-radius: 1em;
}



#center {
position: fixed;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 35vw;
width: 30vw;
}

.box_border {
position: absolute;
top: 18vw;
left: -32vw;
height: 23vw;
width: 30vw;
border: solid .1em rgba(74, 4, 4, 0.19);

}

.box_inside {
position: absolute;
top: .5em;
left: .5em;
height: 22vw;
width: 29vw;
background: rgba(74, 4, 4, 0.2);

}

.fullon {
position: absolute;
top: 0;
left: 0;
height: 40vw;
width: 50vw;
overflow: hidden;
}



#stat_holder {
position: absolute;
top: 2vw;
left: 12vw;
height: 20vw;
width: 30vw;
background: rgba(74, 4, 4, 0.);
}




.stat_holder {
position: absolute;
top: -1vw;
left: -11vw;
height: 12vw;
width: 15vw;
background: rgba(74, 4, 4, 0.1);
overflow: auto;
}

.stat_box {
position: absolute;
padding-left: .1vw;
color: #A95C68;
text-align: justify;
font-size: 1em;
font-weight: 400;
width: 15vw;
letter-spacing: .1em;
text-shadow: .1em .1em 0em rgba(95, 133, 117, 0.1);
border-radius: .1em;
overflow: auto;
opacity: 1;
transform: scale(0.9);
}

.lore_holder {
position: absolute;
top: -1vw;
left:4.5vw;
height: 12vw;
width: 12vw;
background: rgba(74, 4, 4, 0.1);
overflow: auto;
}

.lore_box {
position: absolute;
padding-left: .1vw;
font-family: 'Anton', sans-serif;
color: #4A0404;
text-align: justify;
font-size: 1.2em;
font-weight: 400;
width: 12vw;
letter-spacing: .1em;
text-shadow: .1em .1em 0em rgba(95, 133, 117, 0.1);
border-radius: .1em;
overflow: auto;
opacity: 1;
transform: scale(0.9);
}

.ooc_holder {
position: absolute;
top: 12vw;
left: -10vw;
height: 7vw;
width: 25vw;
background: rgba(74, 4, 4, 0.1);
overflow: auto;
}

.ooc_box {
position: absolute;
padding-left: .1vw;
color: #4A0404;
text-align: center;font-family: 'Bebas Neue', cursive;
font-size: 1.2em;
font-weight: 400;
width: 23vw;
letter-spacing: .1em;
text-shadow: .1em .1em 0em rgba(95, 133, 117, 0.1);
border-radius: 1em;
overflow: hidden;
opacity: 1;
}

i {font-family: 'Chivo Mono', monospace;
display: inline-block;
margin-bottom: .1em;
color: #E0BFB8;
padding: .3em;
padding-left: 1em;
padding-right: 1em;
border: solid .1em #4A0404;
border-radius: .6em;
text-transform: uppercase;
}

a:link {font-family: 'Chivo Mono', monospace;
display: inline-block;
text-decoration:none;
margin-bottom: .1em;
color: #4A0404;
padding: .3em;
padding-left: 1em;
padding-right: 1em;
border: solid .1em #4A0404;
border-radius: .6em;
text-shadow: .2em .1em 1em rgba(74, 4, 4, 0.8);
text-transform: uppercase;
}

b {font-family: 'Seymour One', sans-serif;
display: inline-block;
margin-left: -1em;
margin-bottom: .1em;
margin-right: 1em;
padding: .3em;
padding-left: 1em;
padding-right: 1em;
background: #4A0404;
color: #E0BFB8;
border: solid .1em #4A0404;
border-radius: .6em;
text-transform: uppercase;
}

U { font-family: 'Bebas Neue', cursive;
text-decoration:none;
 text-transform:uppercase;
width:9em;
text-align: left;
 color: #bec0a9;
background-color:#800000;
padding-left: 1em;
padding-top: .1em;
font-size: 1.3em;
line-height:1.5em;
letter-spacing:.7em;
display:inline-block;
border:1em solid #;}

 S { text-decoration:none;
width: 30em;
text-align: right;
font-family: 'Bebas Neue', cursive;
 color: #bec0a9;
text-shadow:.1em .2em 0em #0c0c0c;
padding:.4em;
font-size:1.5m;
line-height:.9em;
letter-spacing:.6em;
display:inline-block;
border-bottom:.1em solid #800000;
border-top: .1em solid #800000;
border-right: .1em solid #000;}

.image{
position: absolute;
background-image:url(https://cdnb.artstation.com/p/assets/images/images/012/458/605/large/alexandra-zhukova-twe-dl-3.jpg?1534899588);
background-attchment:fixed;
background-repeat: no-repeat;
background-size: 100%;
left: -32vw;
width: 30vw;
height: 13vw;
bottom: 16vw;
z-index: 11;
opacity: 1;
border: solid .5em #000;
filter: drop-shadow(0 0 0.75rem #000);
}



.name{
position: absolute;
font-family: 'Rubik 80s Fade', cursive;
font-size:5em;
letter-spacing: 0.1vw;
font-weight: bold;
left: -30vw;
top: 0vw;
z-index:7;
opacity: 1;
background: #transparent;
background:url('https://64.media.tumblr.com/1d7bb162d4c6933ff5997073396374e8/a6bbf6a1aea6b686-40/s540x810/21657a3ae35b268c7b948a1e43d2a9772ac7cd2f.gif') ;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
display:block; text-align: center;



}

.name2{
position:absolute;
font-family: 'Rubik 80s Fade', cursive;
font-size:5em;
letter-spacing: 0.1vw;
font-weight: bold;
left: -30vw;
top: 0vw;
color:#800000;
text-shadow: 0px 0 #800000, 0 1px #800000, 1px 0 #800000, 0 -1px #800000, 0px 0px 15px #000000;
z-index:6;
opacity: 1;


}

.title{
position: absolute;
left:-25vw;
bottom: 30vw;font-family: 'Rubik Vinyl', cursive;
font-size:3em;
letter-spacing: .1vw;
font-weight: bold;
color: #4A0404;
text-shadow: 0px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0px 0px 15px #FF3131;
z-index:9;
opacity:1;

}

.toptitle{
position: absolute;
left:7vw;
bottom: 30vw;
font-family: 'Bonheur Royale', cursive;
font-size:3em;
letter-spacing: .1vw;
font-style: italic;
font-weight: bold;
color: #FFC0CB;
z-index:9;
opacity:1;

}

</style>


<div id="center">

<div class="box_border">
<div class="box_inside">

<div class="fullon"></div>




<div id="stat_holder">



<div class="stat_holder">



<div class="stat_box">

<span style="float:left;"><u>Darius</u></span> <span style="float:right;"><s> Male</s></span><br><br>
<span style="float:left;"><u>Matured</u></span> <span style="float:right;"><s>Unbiased</s></span><br><br>
<span style="float:left;"><u>Noxus</u></span> <span style="float:right;"><s> Champion</s></span><br><br>
<span style="float:left;"><u>General</u></span> <span style="float:right;"><s> Taller than you</s></span><br><br>
<span style="float:left;"><u>Unbound</u></span> <span style="float:right;"><s> Bigger too</s></span><br>

</div>

</div>

<div class="lore_holder">



<div class="lore_box">

<a target="_blank" href="https://roleplay.chat/profile.php?user=Irelia">Irelia</a> is the best because she made me this. No one loves me as much as her and she's totally my favorite person ever. <br> <b>I'm testing</b> <i>hello</i>

</div>

</div>


<div class="ooc_holder">



<div class="ooc_box">

PM friendly.<br> Quality > Quantity.<br> Para & ↑ preferred.<br> Literacy is required. <br> IC ≠ OOC.<br> Drama IC only.<br> Respect is a two-way street.<br> </div></div>
</div>

</div>
</div>

<div class="toptitle"></div>
<div class="name">Darius</div>
<div class="name2">Darius</div>
<div class="title">Hand of Noxus</div>
<div class="image"></div>