fixed

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Dancing Script');

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

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

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

::selection {
color: #ccc;
background: #090909;}

body {
background-color: #25253f;
background-image: url('https://www.transparenttextures.com/patterns/asfalt-light.png');
background-position: bottom right;
background-repeat: repeat;
cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}

h2 {
height: 24px;
background-color: #131320;
text-align: center;
font-family: 'Dancing Script', cursive;
color: #4b4b81;
font-size: 18px;
line-height: 24px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: bold;
margin-top: 5px;
margin-bottom: 12px;}

a {
color: #b97898;
text-decoration: none;}

.pic {
position: fixed;
height: 140px;
width: 350px;
background-image: url('');
background-attachment: absolute;
background-size: 100% 100%;
top: 20px;
right: -8200px;}

.pic2 {
position: absolute;
height: 200px;
width: 350px;
background-image: url('https://i.imgur.com/X2jsdXj.gif');
background-attachment: absolute;
background-size: 100% 100%;
bottom: 20px;
right: 370px;}

.pic3 {
position: absolute;
height: 364px;
width: 330px;
background-image: url('https://i.imgur.com/JI4d984.jpg');
background-attachment: absolute;
background-size: 100% 100%;
bottom: 235px;
right: 20px;}

.con {
position: absolute;
height: 600px;
width: 720px;
background-color: #131320;
padding: 10px;
overflow: auto;
bottom: 50%;
left: 50%;
margin-left: -600px;
margin-bottom: -350px;}

.stats {
position: absolute;
height: 343px;
width: 330px;
font-family: Dancing Script;
color: #ccc;
font-size: 15px;
letter-spacing: 0px;
text-transform: none;
background-color: #1c1c30;
padding: 10px;
line-height: 22px;
text-align: justify;
overflow: auto;
top: 20px;
left: 20px;}

.stats span {
font-family: 'Dancing Script', cursive;
color: #4b4b81;
font-size: 10px;
letter-spacing: 2px;
text-transform: Uppercase;
font-weight: bold;
margin-right: 3px;}

.personality span {
font-family: 'Dancing Script', cursive;
color: #4b4b81;
font-size: 10px;
letter-spacing: 2px;
text-transform: Uppercase;
font-weight: bold;
margin-right: 3px;}

.history span {
font-family: 'Dancing Script', cursive;
color: #4b4b81;
font-size: 10px;
letter-spacing: 2px;
text-transform: Uppercase;
font-weight: bold;
margin-right: 3px;}

.box {
position: fixed;
height: 343px;
width: 330px;
font-family: Dancing Script;
color: #ccc;
font-size: 15px;
letter-spacing: 0px;
text-transform: none;
background-color: #1c1c30;
padding: 10px;
line-height: 22px;
text-align: justify;
overflow: auto;
opacity: 0; }

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

.ooc {
position: absolute;
height: 160px;
width: 310px;
font-family: Dancing Script;
color: #ccc;
font-size: 15px;
letter-spacing: 0px;
text-transform: none;
background-color: #1c1c30;
padding: 10px;
line-height: 22px;
text-align: justify;
overflow: auto;
bottom: 20px;
left: 390px;}

.ooc span {
display: inline-block;
font-family: 'Dancing Script', cursive;
color: #4b4b81;
font-size: 10px;
letter-spacing: 2px;
text-transform: Uppercase;
font-weight: bold;
margin-right: 3px;}

.navi {
position: fixed;
background-color: transparent;
bottom: 50%;
left: 50%;
margin-left: -140px;
margin-bottom: -140px;}

a.nav:link, a.nav:active, a.nav:visited{
display: inline-block;
margin-left: 0px;
font-family: 'Dancing Script', cursive;
color: #b97898;
font-size: 10px;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
margin-right: 10px;
cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}
</style>

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

<div class="con">
<div class="pic"></div>
<div class="pic2"></div>
<div class="pic3"></div>

<div class="stats">
<h2>Statistics</h2>
<font style=float:left><span>Name:</span></font> <font style=float:right><a title="Kezia Áine Lovel"><s>Darcy Warrington</s></a></font><br>
<font style=float:left><span>Alias:</span></font> <font style=float:right>---</font><br>
<font style=float:left><span>Date of Birth:</span></font> <font style=float:right>October 9th / Libra</font><br>
<font style=float:left><span>Hometown:</span></font> <font style=float:right> <a title="Galway, Ireland"><s>Orlando, Florida</s></a></font><br>
<font style=float:left><span>Nationality:</span></font> <font style=float:right>Romani, French, Irish</font><br>
<font style=float:left><span>Occupation:</span></font> <font style=float:right>Kitten at Sinner's Brothel</font><br>
<font style=float:left><span>Marital Status:</span></font> <font style=float:right>Eeny, meeny, miny, moe</font><br>
<font style=float:left><span>Orientation:</span></font> <font style=float:right>Kinsey 3</font><br>
<font style=float:left><span>Hair Color:</span></font> <font style=float:right>Black</font><br>
<font style=float:left><span>Eye Color:</span></font> <font style=float:right>Grey-Blue</font><br>
<font style=float:left><span>Height:</span></font> <font style=float:right>5'4"</font><br>
<font style=float:left><span>Weight:</span></font> <font style=float:right>115 lbs</font><br>
<font style=float:left><span>Build:</span></font> <font style=float:right>Slender</font><br>
<font style=float:left><span>Misc:</span></font> <font style=float:right>Breathy Voice, Piercings, <a title="Can be covered up for certain clients.">Tattoos</a></font><br>
<font style=float:left><span>Scent:</span></font> <font style=float:right>Vanilla, Cinnamon, Almonds</font><br>
<font style=float:left><span>Gallery:</span></font> <font style=float:right><a target="_blank" href="https://imgur.com/a/CGKUd9P" target="_blank">🍑💦</a></font><br>
</div>

<div class="ooc">
<h2>Out Of Character</h2>
<span>01.</span> Actual person at a keyboard, treat me like one.<br>
<span>02.</span> Darcy and typist are flirty, don't catch feelings.<br>
<span>03.</span> Real Life > Role-Play. Squad > You.<br>
<span>04.</span> Mostly a mirror poster. Also shit-post a lot.<br>
<span>05.</span> Story first. Smut at my discretion.<br>
<span>06.</span> Character is intended for <a target="_blank" href="https://xzombehx.wixsite.com/sinnersbrothel/control" target="_blank">Sinner's Brothel</a>.<br>
<span>07.</span> <a target="_blank" href="https://www.youtube.com/watch?v=nwpj9_hrK_A" target="_blank">Current theme</a>.<br>
</div>

<div class="navi">
<a class="nav" href="#one">One.</a>
<a class="nav" href="#two">Two.</a>
<a class="nav" href="#three">Three.</a>
<a class="nav" href="#four">Four.</a>
</div>

<div id="one" class="box">
<div class="personality">
<h2>Personality</h2>
<font style=float:left><span>Persona:</span></font> <font style=float:right>Girl Next Door, School Girl, Sweetheart</font><br><br>

<font style=float:left><span>Positive:</span></font> <font style=float:right>Adaptive, Intuitive, Passionate, Charismatic</font><br>
<font style=float:left><span>Negative:</span></font> <font style=float:right>Judgmental, Manipulative, Vindictive</font><br>
<font style=float:left><span>Quirks:</span></font> <font style=float:right>Kleptomaniac, Oral fixation</font><br>
<font style=float:left><span>Other:</span></font> <font style=float:right>Flirts as an icebreaker, Eidetic memory</font><br><br>

<font style=float:left><span>Likes:</span></font> <font style=float:right>Vinyl, Presents, Sweets, Cannabis</font><br>
<font style=float:left><span>Dislikes:</span></font> <font style=float:right>Amputees, Dumb bitches, Obesity</font><br>
</div></div>

<div id="two" class="box">
<div class="history">
<h2>History</h2>
Test. Test.
</div></div>

<div id="three" class="box">
<h2>Playthings</h2>
<a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
<img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 50px; border: 1px solid #b97898; height:50px; width:50px;"></a>

<a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
<img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 50px; border: 1px solid #b97898; height:50px; width:50px;"></a>

</div>