spencer adjustment

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

body, a:hover {cursor: url(http://i.imgur.com/Oau0FS2.png), progress !important; }

::-webkit-scrollbar-thumb {
 box-shadow: inset #7581d1 10px 0px 4px;
 border-right: 5px #fff;
 border-top: 5px #fff;
 border-bottom: 5px #fff;}
::-webkit-scrollbar {
 width: 0px;
 background: solid-transparent; background-size: 1000px;}

body {background: #fff; background-repeat: repeat; background-color: #ebcfe3;}

p {background: none; font-size:14px; font-family: Galada; text-align: justify; color:#f4e6f0; padding:1px 5px 5px 5px;}

a{ color:#c71b64;}

b, strong { font-size: 13px; font-family: georgia, palatino; word-spacing: 3px; color: #f4e6f0; text-shadow: #000 0px 1px;}

i, em { font-size: 14px; font-family: georgia, palatino; word-spacing: 3px; color: #f4e6f0; text-shadow: #000 0px 1px;}

.b g {
position: fixed;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: none url('') center center no-repeat;
width: 900px;
height: 0px;
text-align: center;
border: 0px solid #000;}

h1 {
color: #101db1;
font-family: Oswald;
font-size: 18px;
text-align: left;
line-height: 0px;
margin-top: 15px;
margin-left: 5px;
margin-right: 5px;
letter-spacing: 0px;
}

h2 {
color: #f3004e;
font-family: Open Sans Condensed;
font-size: 16px;
text-align: right;
line-height: 4px;
margin-top: 10px;
margin-left: 5px;
margin-right: 5px;
letter-spacing: 0px;
}

h3 {
color: #f4e6f0;
font-family: Open Sans Condensed;
font-size: 17px;
text-align: left;
line-height: 17px;
margin-top: -10px;
margin-left: 5px;
margin-right: 5px;
letter-spacing: 0px;
}

.shark {
background: none;
background:url('http://i68.tinypic.com/2096d0j.png')
left center no-repeat;
position: absolute;
text-align: center;
background-size: auto 100%;
height: 100%;
width: 100%;
top: 0px;
left: 7%;
border: 0px solid #000;
overflow: hidden;}

.left {
background: rgba(244, 230, 240, 1);
position: absolute;
text-align: center;
width: 240px;
height: 130px;
left: 320px;
top: 500px;
border: 0px solid #000;
overflow: auto;}

.right {
background: rgba(244, 230, 240, 1);
position: absolute;
text-align: center;
width: 220px;
height: 130px;
left: 570px;
top: 500px;
border: 0px solid #000;
overflow: auto;}

#leftrightmove{
position: absolute;
box-sizing: border-box;
left: 20vw;}

</style>
<div class="bg">
<div class="shark"></div>

<div id="leftrightmove">

<div class="left">

<table width="100%"; table align="center">
<tr><td><h1>Spencer Vail</b></td> <td><font style="float:right">
<font color="#f3004e"><h2>photography | film</font></td></tr>
<tr><td><h1>AGE</b></td> <td><font style="float:right">
<font color="#f3004e"><h2>twenty two</font></td></tr>
<tr><td><h1>SPECIES</b></td> <td><font style="float:right">
<font color="#f3004e"><h2>Atari lynx</font></td></tr>
<tr><td><h1>ORIENTATION</b></td> <td><font style="float:right">
<font color="#f3004e"><h2>uninterested</font></td></tr>
</table></h2>
</div>

<div class="right">

<h1><center>Title 2</center></h1><br>
<h3><center>
More to come..
</h3>
</div>
</div>