Felicia 2.0

<style>
@import url('https://fonts.googleapis.com/css?family=Exo+2:800|Mrs+Sheppards|Srisakdi');

::-webkit-scrollbar-thumb:vertical {
background: #;
Width: 0px;
height: 10%;
}


::-webkit-scrollbar-thumb:horizontal {
background-color: #000000;
width: 2px;
height: 10%;
}

::-webkit-scrollbar {
height: 1px;
width: 0px;
background-color: transparent;
}

body {
Background: #000;
background-image: url(https://66.media.tumblr.com/80e13410e8a683cbccda32382ee50a26/tumblr_inline_nk1li0Zmua1s9yrmw.jpg);
Overflow: hidden;
cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), progress !important;
}

.container{
position: fixed;
left: -22px;
bottom: 0px;
width: 2000px;
height: 300px;
background: url(https://media.giphy.com/media/nBpVb9MCYqS1W/giphy.gif);
Background-position: top right;
Background-size: 100% 120%;
border-top: solid 20px #fff;
}


.container:hover .newback {
Opacity: 1;
transition: 0.8s;
}

.newback {
Postion: absolute;
top: 0;
left: 0;
width: 2000px;
height: 300px;
background: rgba(255, 255, 255, 0.3);
opacity: 0;
transition: 0.8s;
}

.felicia {
position: absolute;
bottom: 0px;
left: 959;
width: 599px;
height: 412px;
background: url(https://i.imgur.com/OD1EotA.png);
background-size: 600px;
background-repeat: no-repeat;
z-index: 19;
}

.Feliback {
Position: absolute;
Top: -90px;
left: -100px;
Height: 80px;
Width: 800px;
Color: #000;
font-size: 68;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
word-spacing: 20px;
text-shadow: 0px 0px 5px;
font-family: 'mrs sheppards', cursive;
text-decoration: none;
z-index: -1;
}

.hardy {
Position: Absolute;
Left: -110px;
Top: -97px;
Height: 80px;
Width: 800px;
Color: #fff;
font-size: 68;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
word-spacing: 20px;
Padding: 5px;
font-family: 'mrs sheppards', cursive;
text-decoration: none;
z-index: 4;
}

.left {
Position: absolute;
Left: 40px;
top: 12px;
Height: 270px;
Width: 270px;
Background: url(http://thecomicbookaddicts.com/wp-content/uploads/2018/03/Black-Cat-by-Fred-Ian-web.jpg);
Background-size: 102%;
background-position: center center;
border: 5px solid #000;
border-image: url(https://www.toptal.com/designers/subtlepatterns/patterns/diagonal-squares.png) 30 round;
}

.inner1 {
position: absolute;
Top: 12;
Left: 340;
Height: 190px;
Width: 300px;
Padding: 5px;
Border: solid 5px #fff;
border-image: url(https://www.toptal.com/designers/subtlepatterns/patterns/diagonal-squares.png) 30 round;
Background: #000;
Background-size: 10%;
overflow: auto;
font-size: 12px;
color: #fff;
}

.inner2 {
position: absolute;
Top: 159;
Left: 680;
Height: 110px;
Width: 300px;
Padding: 5px;
Border: solid 5px #fff;
border-image: url(https://www.toptal.com/designers/subtlepatterns/patterns/diagonal-squares.png) 30 round;
Background: #000;
Background-size: 10%;
overflow: auto;
font-size: 12px;
color: #fff;
}


.inner3 {
position: absolute;
Top: 12;
Left: 680;
Height: 110px;
Width: 300px;
Padding: 5px;
Border: solid 5px #fff;
border-image: url(https://www.toptal.com/designers/subtlepatterns/patterns/diagonal-squares.png) 30 round;
Background: #000;
Background-size: 10%;
overflow: auto;
font-size: 12px;
color: #fff;
}

.friendbox {
Position: absolute;
Left: 340px;
Top: 230;

}

.friend {
margin-top: 2px;
margin-left: 2px;
Height: 45px;
width: 45px;
padding: 2px;
}

h1 {
Color: #5f58b7;
Font-size: 17;
text-align: center;
text-shadow: #869cea 0px 0px 13px;
font-family: 'Srisakdi', cursive;
border-right: 2px solid #fff;
border-left: 2px solid #fff;
}

b {
font-family: 'exo 2';
}

i {
color: #869cea;
font-size: 10px;
}

a {
color: #b58200;
Text-decoration: none;
}

a:hover {
Cursor: url(http://31.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), progress !important;
}

a span {
display: none;
Position: fixed;
bottom: 40px;
Left: 65px;
Height: 100px;
Width: 185px;;
Z-index: 100;
Background: #000;
Color: #fff;
Font-size: 11px;
Padding: 2px;
border: dashed 1px #fff;
 }


a:hover span{display: block;}
</style>

<div class="container">
<div class="hardy">Felicia Hardy</div>
<div class="feliback">Felicia Hardy</div>
<div class="felicia"></div>
<div class="newback">
<div class="left"></div>
<div class="inner1">
<h1>Born A Thief</h1>
<div style="float: left; clear: left;"><b>Name</b></div> <div style="float: right; clear: right;">Felicia Hardy</div><br>
<div style="float: left; clear: left;"><b>Alas</b></div> <div style="float: right; clear: right;">Black Cat</div><br>
<div style="float: left; clear: left;"><b>Gender</b></div> <div style="float: right; clear: right;">Female</div><br>
<div style="float: left; clear: left;"><b>Age</b></div> <div style="float: right; clear: right;">Mid-Twenties</div><br>
<div style="float: left; clear: left;"><b>Eye color</b></div> <div style="float: right; clear: right;">Green</div><br>
<div style="float: left; clear: left;"><b>Hair Color</b></div> <div style="float: right; clear: right;">Platinum</div><br>
<div style="float: left; clear: left;"><b>Height</b></div> <div style="float: right; clear: right;">5'9</div><br>
<div style="float: left; clear: left;"><b>Build</b></div> <div style="float: right; clear: right;">Curvaceous; Fit</div><br>
<div style="float: left; clear: left;"><b>Sexualtiy</b></div> <div style="float: right; clear: right;">Bisexual</div><br>
<div style="float: left; clear: left;"><b>Marital Status</b></div> <div style="float: right; clear: right;">Stray</div><br><br>

</div>
<div class="inner2">
<h1>Will Die A Thief</h1>
<center><i>scroll with arrowkeys</i></center>

<b>1</b> PM friendly for the most part.<br>
<b>2</b> Drama is for squares and I'm a triangle. So buzz off.<Br>
<b>3</b> Chemistry shipper.<Br>
<b>4</b> If Felicia has a partner then smut is reserved.<br>
<b>5</b> Shitposts up to novella if the mood strikes; third person only.<br>
<b>6</b> No I won't play a different character when on this name.<br>
<b>7</b> My discord is available to those who have earned it.<br>
<b>8</b> Most Earth-616, but frankensteined with other media as well.<br>
<b>9</b> If you don't like the way I play Felicia then <i>thank you, next</i>.<br>
<b>10</b> I'm usually on mobile during the day unless it's my day off, so my attentiveness varies.<br>
<b>11</b> This code is literally always changing because I hate everything. Don't let it alarm you.<br>

</div>
<div class="inner3">
<h1>Raised A Thief</h1>
<center>Has a degree in <span style="color:#869cea" style="font-style:italic">art history</span>.<br>
Highly skilled in <span style="color:#b58200" style="font-style:italic">acrobatics</span> and <span style="color:#b58200" style="font-style:italic">parkour</span>.<br>
Works as a <span style="color:#869cea" style="font-style:italic">gallery curator</span> by day.<br>
Currently checking off her father's <span style="color:#b58200" style="font-style:italic">wish list</span>.<br>


</div>
<div class="friendbox">
<a href="/profile.php?user=Murdock" target="_blank"><img src="https://i.imgur.com/EsOTIOh.png" class="Friend"><span>words go here</span></a>
<a href="/profile.php?user=Spidey" target="_blank"><img src="https://i.imgur.com/TYhqiHg.png" class="friend"><span>words go here</span></a>
<div>


</div>