unfinished code 2

<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Dancing Script|Bebas Neue|Righteous|Satisfy|Philosopher');
*{cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto !important;}

Body {
background: rgb(200,200,199);
background: -moz-radial-gradient(circle, rgba(200,200,199,1) 10%, rgba(179,179,180,1) 100%);
background: -webkit-radial-gradient(circle, rgba(200,200,199,1) 10%, rgba(179,179,180,1) 100%);
background: radial-gradient(circle, rgba(200,200,199,1) 10%, rgba(179,179,180,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c8c8c7",endColorstr="#b3b3b4",GradientType=1);
background-repeat: repeat;
background-attachment: fixed;
background-position: center center;
overflow:hidden;
}

::-moz-selection {
color: #bababa;
background: #bababa;
}

::selection {
color: #bababa;
background: #bababa;
}

::-webkit-scrollbar {
width: 1px;
height: 1px;
}

::-webkit-scrollbar-thumb:vertical {
background-color: #bababa;
border: 1px solid #bababa;
}

b, strong {color: #516dc1; font-size:15px;}


h1 {
font-family: 'Philosopher';
font-size: 1.5vw;
color: #fefff1;
text-transform: None;
letter-spacing: 0.10vw;
background-color: #6b9bf6;
text-align: center;
line-height: 1vw;
margin: 0.1vw;
}

a:active, a:link, a:visited {
color: #6b9bf6;
text-decoration: underline;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}

a:hover {
color: #ffffff;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto !important;
}

.overlay{
background:url(https://data.whicdn.com/images/302552648/original.gif)repeat;
background-position: center center;
background-size: cover;
opacity:0.5;
z-index:-1;
height:100%;
width:100%;
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
}

.container {
background-color: #adadb6;
background-image: url("");
position: absolute;
opacity:0.2;
top: 2.4vw;
left: 5.7vw;
width: 85.4vw;
height: 40.9vw;
border: 3px solid #e2e0d5;
padding: 1.28vw;
}

.Pluto {
position: absolute;
top: 4.2vw;
left: 60vw;
height: 42.7vw;
width: 33.8vw;
background-image: url("https://i.imgur.com/kbnJcTd.png");
-webkit-filter: drop-shadow(0.3vw 0vw 0.3vw #fff);
background-size: cover;
background-position: center;
overflow: hidden;
z-index: 2;
}

.stats {
background-color: #bababa;
position: absolute;
top: 8.8vw;
left: 12.5vw;
height: 16.5vw;
width: 43.5vw;
overflow: auto;
border: 3px solid #e2e0d5;
text-align: justify;
font-size: 1.3vw;
font-family: 'Bebas Neue';
color: #fefff1;
line-height: 1.5vw;
padding: 1vw;
z-index: 10;
}

.info {
background-color: #bababa;
position: absolute;
top: 8.8vw;
left: 12.5vw;
height: 16.5vw;
width: 43.5vw;
overflow: auto;
border: 3px solid #e2e0d5;
text-align: justify;
font-size: 1.3vw;
font-family: 'Bebas Neue';
color: #fefff1;
line-height: 1.5vw;
padding: 1vw;
z-index: -1;
opacity: 0;
}

.info:target{
z-index: 10;
opacity: 1;
}

.friends {
background-color: #bababa;
position: absolute;
top: 29vw;
left: 12.5vw;
height: 13.5vw;
width: 18.5vw;
overflow: auto;
border: 3px solid #e2e0d5;
text-align: justify;
font-size: 1.3vw;
font-family: 'Bebas Neue';
color: #fefff1;
line-height: 1.55vw;
padding: 1vw;
z-index: 10;
}

.ooc {
background-color: #bababa;
position: absolute;
top: 29vw;
left: 37.5vw;
height: 13.5vw;
width: 18.5vw;
overflow: auto;
border: 3px solid #e2e0d5;
text-align: justify;
font-size: 1.3vw;
font-family: 'Bebas Neue';
color: #fefff1;
line-height: 1.25vw;
padding: 1vw;
z-index: 10;
}


.tab1 {
z-index:60;
position: absolute;
top: 40.8vw;
left: 23.4vw;
width: 55;
height: 15;
background-color: #135844;
border: 2px solid #5a3142;
}

.tab2 {
z-index:60;
position: absolute;
top: 40.8vw;
left: 30.5vw;
width: 55;
height: 15;
background-color: #135844;
border: 2px solid #5a3142;
}

.tab3 {
z-index:60;
position: absolute;
top: 40.8vw;
left: 66.3vw;
width: 55;
height: 15;
background-color: #135844;
border: 2px solid #5a3142;
}

.tab4 {
z-index:60;
position: absolute;
top: 40.8vw;
left: 72.8vw;
width: 55;
height: 15;
background-color: #135844;
border: 2px solid #5a3142;
}

.quote {
position:fixed;
top: 2.7vw;
left: 12.8vw;
text-align: left;
text-outline: 1px #fffbff;
font-family: 'Dancing Script';
letter-spacing: 0.1vw;
text-shadow: 0px 0px 5px #fffbff;
font-size: 4.6vw;
color:  #fffbff;
z-index: 999;
text-align: center;
}

</style>

<body oncontextmenu="return false;">

<div class="Container"></div>
<div class="Pluto"></div>

<div class="overlay"></div>

<div class="quote">The High Angel of Patience</div>

<div class="stats"><h1>Statistics</h1>
True Name: <font style=float:right>Patientia</font><br>
Alias: <font style=float:right>The Patient One</font><br>
Maturity: <font style=float:right>Immortal</font><br>
Gender: <font style=float:right>Female</font><br>
Species: <font style=float:right>Celestial</font><br>
Rank: <font style=float:right>High Angel</font><br>
Virtue: <font style=float:right>Patience</font><br>
Wing Count: <font style=float:right>Four</font><br>
Origin: <font style=float:right>The Heavenly Skies</font><br>
Alignment: <font style=float:right>Good</font><br>
Partner: <font style=float:right><a target="_blank" href="https://roleplay.chat/profile.php?user=--">none</a></font><br>
Sexual Orientation: <font style=float:right>Heterosexual</font><br>
Martial Status: <font style=float:right><a target="_blank" href="https://roleplay.chat/profile.php?user=--">Chaste</a></font><br><br>
<h1>Appearance</h1>
Hair Color: <font style=float:right>Silver</font><br>
Eye Color: <font style=float:right>Golden</font><br>
Skintone: <font style=float:right>Mocha</font><br>
Physique: <font style=float:right>Curvaceous</font><br>
Height: <font style=float:right>5'5"</font><br>
Weight: <font style=float:right>Weightless</font><br>
Scent: <font style=float:right>Sweet Alyssum</font><br>
</div>

<div class="friends"><h1>Connections</h1></div>

<div class="ooc"><h1>Out Of Character</h1>
This code was created by <a target="_blank" href="https://roleplay.chat/profile.php?user=White+Dove">White Dove</a> for <a target="_blank" href="https://roleplay.chat/profile.php?user=an angel">an angel</a> to use only! please dm her for commission inquiries. The friends coding belongs to <a target="_blank" href="https://roleplay.chat/profile.php?user=Knight">Knight</a>.</div>