HP Code - Hollis

<style>

@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');

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

h1 {color: #151515; font-size: 10px; text-transform: uppercase; text-align: right; font-style: italic; letter-spacing: 3px; text-shadow: 0px 0px 5px #666050; margin-top: 0px;}
b {color: #666050;}
c {font-style: italic; color: #666050;}
a {text-decoration:none; color: #9CA789;}
a:hover {color: #666050;}

.image {position: fixed;
background: url('https://i.imgur.com/xwLFWR8.jpg') no-repeat;
background-size: 950px;
background-position: 0px -40px;
height: 550px;
width: 800px;
margin: auto;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
box-shadow: 0px 0px 100px #666050;
}

.name {position: absolute;
font-family: 'Playfair Display', serif;
font-size: 80px;
color: #666050;
letter-spacing: -2px;
left: 25px;
top: 50px;
}
.name2 {position: absolute;
font-family: 'Playfair Display', serif;
font-size: 60px;
color: #8D886D;
letter-spacing: -3px;
left: 0px;
top: 55px;
}

.dod {position: absolute;
padding: 10px;
font-family: 'Playfair Display', serif;
font-size: 10px;
color: #8D886D;
font-variant: small-caps;
word-spacing: -2px;
letter-spacing: 1px;
text-align: center;
width: 195px;
left: 0px;
top: 75px;
border-bottom: 1px solid #36362C;
}

.text {position: absolute;
overflow: auto;
font-family: 'Playfair Display', serif;
font-size: 12px;
color: #8D886D;
text-align: justify;
letter-spacing: 0px;
line-height: 16px;
height: 230px;
width: 210px;
left: 2px;
top: 120px;
}

.ooc {position: absolute;
padding: 10px;
font-family: 'Playfair Display', serif;
font-size: 7px;
color: #8D886D;
text-align: center;
text-transform: uppercase;
letter-spacing: 6px;
width: 208px;
left: 0px;
bottom: -315px;
border-top: 1px solid #36362C;
}

.quote {position: absolute;
font-family: 'Playfair Display', serif;
font-size: 14px;
color: #8D886D;
text-align: center;
font-variant: small-caps;
width: 800px;
left: 0px;
bottom: -50px;
}

</style>

<div class="image">

<div class="name"><i>hollis</i>
<div class="name2">fitzgerald
<div class="dod"></div>

<div class="text">
<h1></h1>
<font style=float:left><span><b>Name:</b></span></font> <font style=float:right>Hollis Fitzgerald</font><br>
<font style=float:left><span><b>Alias:</b></span></font> <font style=float:right>Fitz</font><br>
<font style=float:left><span><b>Birth Date:</b></span></font> <font style=float:right>September 13, 1999</font><br><br>

<font style=float:left><span><b>Blood Status:</b></span></font> <font style=float:right>Half-Blood</font><br>
<font style=float:left><span><b>Occupation:</b></span></font> <font style=float:right>Healer @ Hogwarts</font><br>
<font style=float:left><span><b>Alumni:</b></span></font> <font style=float:right>Ravenclaw ('16)</font><br><br>

<font style=float:left><span><b>Wand:</b></span></font> <font style=float:right> Hawthorn, 12", Unicorn</font><br>
<font style=float:left><span><b>Familiar:</b></span></font> <font style=float:right> None</font><br>
<font style=float:left><span><b>Patronus:</b></span></font> <font style=float:right> White Mare </font><br>
<font style=float:left><span><b>Boggart:</b></span></font> <font style=float:right> Imprisonment</font><br>
<font style=float:left><span><b>Amortentia:</b></span></font> <font style=float:right> Woods, Petrichor</font><br><br>

<br><br>
This is <B>Bold</b>, <i>Italics</i>, and a <a>Link</a>.
</div>

<div class="ooc"><a target="_blank" href="https://roleplay.chat/profile.php?user=words">words</a></div>
</div></div>

<div class="quote">“there was no sun; there was no light. i was dying. i couldn't remember what the sky looked like. but i didn't die. <br>i was lost to a sea of cold, and then i was reborn into a world of warmth.” <c>― Maggie Stiefvater, Shiver</c>