SHAY'S PROFILE - WIP

<style>

@import url('https://fonts.googleapis.com/css?family=Lobster|Satisfy|Homemade+Apple&display=swap');

body {background: #001a00;}
::-webkit-scrollbar {display:none}

h1 {font-size: 10px; text-align: center; font-style: italic; letter-spacing: 3px; text-shadow: 2px 2px #001a00; text-transform: lowercase;}
b {color: #001a00; font-variant: small-caps; font-size: 11px; letter-spacing: 0;}
i {color: #009900; font-variant: small-caps; font-size: 11px; letter-spacing: 0;}
s {color: #009900; font-variant: small-caps; font-size: 11px; letter-spacing: 0;}
u {color: #009900; font-variant: small-caps; font-size: 11px; letter-spacing: 0;}
a {text-decoration: none; color: #008000;}
a:hover {color: #001a00;}
a.coded {text-decoration: none; color: #fff;}
a.coded:hover {color: #001a00;}

.container {position: absolute; height: 648px; width: 940px; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px;}

.image {position: absolute; background: url('https://images-ext-1.discordapp.net/external/BK2BjFE5nO8oozUXOHILq8HbeujBpXynyPU27E6zJrg/https/i.pinimg.com/originals/39/dc/6f/39dc6f353a56e3030b956a3d46f5bfb2.png?width=541&height=677') no-repeat; background-size: 400px; background-position: 0px 0px; height: 500px; width: 400px; left: 0px; top: 100px; border: 1px solid #000; boxhttps://aesthetic-collages.tumblr.com/post/180813868310/black-and-white-aesthetic-shadow:1px 1px 1px #000;}

.hoverbox {position: absolute; background: #fff; height: 499px; width: 564px; left: 340px; bottom: 0px; opacity: 0; transition: all .7s ease-in-out; border: 1px solid #000; box-shadow: 1px 1px 1px #000;}

body:hover .hoverbox {opacity: 1; transition: all .7s ease-in-out;}

.box2 {position: absolute; height: 300px; width: 270px; left: 5px; bottom: 5px; border: 1px solid #000; box-shadow: 0px 0px 1px #000;}

.name2 {position: absolute; font-family: 'Satisfy', cursive; font-size: 20px; color: #006600; width: 488px; text-align: center; left: -110px; top: 35px;}

.name {position: absolute; font-family: 'Lobster', cursive; font-size: 40px; color: #001a00; letter-spacing: 1px; width: 488px; text-align: center; left: 0px; top: -35px;}

.stats {position: absolute; overflow: auto; font-family: Georgia; font-size: 10px; color: #40374a; line-height: 15px; text-align: justify; letter-spacing: 1px; height: 480px; width: 230px; left: 20px; top: 10px;}

.hc {position: absolute; overflow: auto; font-family: Georgia; font-size: 10px; color: #40374a; line-height: 15px; text-align: justify; letter-spacing: 1px; height: 480px; width: 230px; right: 20px; top: 70px;}

.image2 {position: absolute; background: url('https://64.media.tumblr.com/20f09668881bf68f40d8f20cf02ae7e9/tumblr_pxmcszBT1x1y1r03lo1_250.png') no-repeat; background-size: 150px; background-position: 0px 0px; height: 178px; width: 130px; left: 0px; top: -188px; border: 1px solid #000; box-shadow:1px 1px 3px #000;}

.image3 {position: absolute; background: url('https://64.media.tumblr.com/3cb61da1c655ab4d9b01d4bd1a40731a/tumblr_pxmcszBT1x1y1r03lo7_250.png') no-repeat; background-size: 150px; background-position: 0px 0px; height: 178px; width: 130px; right: 0px; top: -188px; border: 1px solid #000; box-shadow:1px 1px 3px #000;}

</style>

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

<div class="container">
<div class="image">
<div class="hoverbox">
<div class="box2">
<div class="image2"></div>
<div class="image3"></div>

<div class="stats">
<h1>title here</h1>
<font style="float:left"><b>name</b></font> <font style="float:right">Answer</font><br>
<font style="float:left"><b>alias</b></font> <font style="float:right">Answer</font><br>
<font style="float:left"><b>age</b></font> <font style="float:right">Answer</font><br>
<font style=float:left><b>birthplace</b> </font> <font style=float:right>Answer</font><br><br>

<font style=float:left><b>occupation</b> </font> <font style=float:right>Answer</font><br><br>

<font style=float:left><b>marital status</b> </font> <font style=float:right><a target="_blank" href="profile link here">Answer</a></font><br>
<font style=float:left><b>orientation</b> </font> <font style=float:right>Answer</font><br><br>

<font style="float:left"><b>gender</b></font> <font style="float:right">Answer</font><br>
<font style="float:left"><b>species</b></font> <font style="float:right">Answer</font><br>
<font style=float:left><b>height</b> </font> <font style=float:right>Answer</font><br>
<font style=float:left><b>weight</b> </font> <font style=float:right>Answer</font><br>
<font style=float:left><b>hair color</b> </font> <font style=float:right>Answer</font><br>
<font style=float:left><b>eye color</b> </font> <font style=float:right>Answer</font><br>
<font style=float:left><b>scent</b> </font> <font style=float:right>Answer</font><br><br>

</center></div>



</div></div></div>