code

<style>
@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');

#no {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;}

::-webkit-scrollbar {
width: 0px;}

::-webkit-scrollbar-thumb {
background: transparent;}

::selection {
color: #20181c;
background: #450A19;}

body {
background-color: #2d0610;
cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}

a {
color: #8b273f;
text-decoration: none;}

h2 {
height: 15px;
text-align: center;
font-family: 'Kaushan Script', cursive;
color: #8b273f;
font-size: 40px;
line-height: 16px;
letter-spacing: 0px;
text-transform: lowercase;
margin-top: 5px;
margin-bottom: 15px;
border-top: 3px solid #2d0610;
border-bottom: 3px solid #2d0610;
text-shadow: 5px 0px 0px #2d0610;}

.pic {
position: absolute;
height: 450px;
width: 350px;
background-image: url('https://i.imgur.com/E11HTq2.jpg');
background-attachment: absolute;
background-size: 100% 100%;
bottom: 130px;
left: 20px;
border: 10px solid #501624;
border-radius: 10px 10px 10px 10px;
filter: drop-shadow( 10px 0px 0px #450A19);}

.pic2 {
position: absolute;
height: 190px;
width: 350px;
background-image: url('https://66.media.tumblr.com/ac86c8fff3a97d10b58b58789a50c792/tumblr_oc9qclKWQO1ve125mo1_400.gif');
background-attachment: absolute;
background-size: 100% 100%;
bottom: 20px;
left: 410px;
border: 10px solid #501624;
border-radius: 10px 10px 10px 10px;
filter: drop-shadow( 10px 0px 0px #450A19);}

.pic3 {
position: absolute;
height: 335px;
width: 330px;
background-image: url('https://i.imgur.com/NaPngL4.jpg');
background-attachment: absolute;
background-size: 100% 100%;
top: 20px;
left: 800px;
border: 10px solid #501624;
border-radius: 10px 10px 10px 10px;
filter: drop-shadow( 10px 0px 0px #450A19);}

.con {
position: absolute;
height: 600px;
width: 1150px;
background-color: #450A19;
padding: 10px;
overflow: auto;
bottom: 50%;
left: 50%;
margin-left: -600px;
margin-bottom: -350px;
border-radius: 10px 10px 10px 10px;}

.stats {
position: absolute;
height: 335px;
width: 350px;
background-color: #501624;
padding: 10px;
overflow: auto;
top: 20px;
left: 410px;
border-radius: 10px 10px 10px 10px;}

.statsin {
position: absolute;
height: 330px;
width: 350px;
font-family: calibri;
color: #2d0610;
font-size: 13px;
letter-spacing: 0px;
word-spacing: 0px;
text-transform: none;
background-color: transparent;
padding: 10px;
line-height: 10px;
text-align: justify;
overflow: auto;
bottom: 0px;
right: 0px;}

.statsin span {
font-family: 'Kaushan Script', cursive;
color: #8b273f;
font-size: 17px;
letter-spacing: 0px;
word-spacing: 3px;
text-transform: lowercase;
font-weight: bold;}

.box {
position: absolute;
height: 320px;
width: 330px;
font-family: calibri;
color: #2d0610;
font-size: 13px;
letter-spacing: 0px;
word-spacing: 0px;
text-transform: none;
background-color: #501624;
padding: 10px;
line-height: 10px;
text-align: justify;
overflow: auto;
bottom: 50%;
left: 50%;
margin-left: -59px;
margin-bottom: -1000000px;
opacity: 0;}

.box:target {
bottom: 50%;
left: 50%;
margin-left: -180px;
margin-bottom: -100px;
opacity: 1;}

.ooc {
position: absolute;
height: 190px;
width: 330px;
background-color: #501624;
padding: 10px;
overflow: auto;
bottom: 20px;
left: 800px;
border-radius: 10px 10px 10px 10px;}

.oocin {
position: absolute;
height: 190px;
width: 330px;
font-family: calibri;
color: #2d0610;
font-size: 13px;
letter-spacing: 0px;
word-spacing: 0px;
text-transform: none;
background-color: transparent;
padding: 10px;
line-height: 10px;
text-align: justify;
overflow: auto;
bottom: 0px;
right: 0px;}

.oocin span {
font-family: 'Kaushan Script', cursive;
color: #8b273f;
font-size: 17px;
letter-spacing: -2px;
word-spacing: -2px;
text-transform: lowercase;
font-weight: bold;}

.navi {
position: absolute;
bottom: 50%;
left: 50%;
margin-left: -540px;
margin-bottom: -260px;}

a.nav:link, a.nav:active, a.nav:visited{
display: inline-block;
width: 50px;
height: 15px;
background-color: #501624;
letter-spacing: 1px;
text-transform: lowercase;
font-family: 'Kaushan Script', cursive;
color: #8b273f;
font-size: 9px;
letter-spacing: 3px;
text-transform: none;
text-decoration: none;
font-weight: bold;
text-align: center;
line-height: 17px;
padding: 3px;
margin-left: 10px;}

.friend {
display: inline-block;
height: 40px;
width: 40px;
background-color: transparent;
padding: 3px;
margin-top: 0px;
border: 2px solid #20181c;}

.title {
position: absolute;
font-family: 'Kaushan Script', cursive;
color: #8b273f;
font-size: 38px;
letter-spacing: 3px;
text-transform: uppercase;
font-weight: bold;
bottom: 50%;
left: 50%;
margin-left: -580px;
margin-bottom: -315px;
text-shadow: -5px 2px 0px #2d0610;}


.title2 {
position: absolute;
font-family: 'Kaushan Script', cursive;
color: #8b273f;
font-size: 20px;
letter-spacing: 3px;
text-transform: uppercase;
font-weight: bold;
bottom: 50%;
left: 50%;
margin-left: -500px;
margin-bottom: -335px;
text-shadow: -5px 2px 0px #2d0610;}
</style>

<div id="no" oncontextmenu="return false;">

<div class="con">
<div class="stats">
<div class="statsin">
<h2>Statistics</h2><p>

<font style=float:left><span>Name:</span></font> <font style=float:right>Milana Vittori</font><br>
<font style=float:left><span>stat:</span></font> <font style=float:right>---</font><br>
<font style=float:left><span>stat:</span></font> <font style=float:right>---</font><br>

</div></div>

<div class="ooc">
<div class="oocin">
<h2>Ooc</h2><p>

<span>☂</span>. ---<br>
<br><span>☂</span>. ---<br>
<br><span>☂</span>. ---<br>
<br><span>☂</span>. This is a custom character for the Umbrella Academy verse. She is one of the remaining 36 of 43 that was not acquired by Sir Reginald Hargreeves.<br>
<br><span>☂</span>. Check out the <a target="_blank" href="https://imgur.com/a/WIGWEvI" target="_blank">Gallery</a>, for additional images and aesthetics. <a target="_blank" href="https://www.youtube.com/watch?v=qHm9MG9xw1o" target="_blank">Current theme</a> is subject to change as I work on finding her particular voice.<br>
</div>
</div>
<div class="pic"></div>
<div class="pic2"></div>
<div class="pic3"></div>
</div>

<div class="navi">
<a class="nav" href="#one">I.</a>
<a class="nav" href="#two">II.</a>
<a class="nav" href="#three">III.</a>
<a class="nav" href="#four">IV.</a>
</div>

<div id="one" class="box">
<h2>Bla</h2>

Put whatever here.
</div>

<div id="two" class="box">
<h2>Bla 2</h2>

Put whatever here 2.
</div>

<div id="three" class="box">
<h2>Friends</h2>

<a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
<a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
<a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
<a href="profile.php?user=LINK HERE" target="_blank"><img src= "PIC HERE" class="friend"></a>
</div>

<div class="title">Milana Vittori</div>
<div class="title2">the Copycat</div>