JULIAN HERRERA CODE

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Antic+Slab|Niconne|Lobster+Two|Crushed');
@font-face{font-family:'noware';src:url('https://static.tumblr.com/uopakca/PIrq6n13y/nowharehouse.ttf');}
@font-face { font-family: 'scorchedearth'; src: url('https://static.tumblr.com/ujahjev/Gxoplsunp/scorchedearthdemo-kcfonts.otf') format('truetype');}

body {
background-color: white;
background-image: linear-gradient(to top, #c11d3c, #87162b, #5e101f);
background-position: center;
background-size: 100%;
background-repeat:no-repeat;
}

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

::-webkit-scrollbar-track {
background-color:;
}

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

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

#overlay {
background: url('https://data.whicdn.com/images/57171165/original.png');
z-index: -1;
position: fixed;
background-repeat: no-repeat;
background-size: 32%;
background-position: bottom left;
left: -30px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0.3;
}

#container {
position: absolute;
left: 18%;
top: 15%;
height: 20px;
width: 600px;
background: #c11d3c;
box-shadow: 0px 0px 1px 1px #000;
}

#housecrest {
position: absolute;
z-index: 1;
left: -10px;
top: 26px;
height: 195px;
width: 100px;
background-image: url('https://static.wikia.nocookie.net/pottermore/images/1/16/Gryffindor_crest.png/revision/latest/scale-to-width-down/217?cb=20111112232412');
background-size: 100%;
background-repeat: no-repeat;
opacity: 0.5;
}

#title {
position: absolute;
z-index: 2;
top: -40px;
left: 210px;
height: 100px;
width: 410px;
background-image: url('https://i.ibb.co/YQ8N3vL/Julian-Title.png');
background-size: 100%;
background-repeat: no-repeat;
}

#bottombar {
position: absolute;
z-index: 1;
left: 50px;
top: 460px;
height: 20px;
width: 600px;
background: #5e101f;
box-shadow: 0px 0px 1px 1px #000;
}

#infobox {
position: absolute;
z-index: 1;
top: 26px;
left: 99px;
height: 170px;
width: 489px;
padding: 5px;
background: #000;
border: 1px dotted #5e101f;
border-radius: 0%;
overflow-y: auto;
font-family: 'Antic Slab';
color: #fff;
line-height: 16px;
font-size: 11px;
}

#ooc {
position: absolute;
z-index: 1;
left: 99px;
top: 213px;
width: 203px;
height: 228px;
padding: 5px;
background: #000;
border: 1px dotted #5e101f;
border-radius: 0%;
overflow-y: auto;
font-family: 'Antic Slab';
color: #fff;
line-height: 16px;
font-size: 11px;
}

#gif {
position: absolute;
z-index: 1;
top: 213px;
right: 0px;
width: 280px;
height: 120px;
background-image: url('https://data.whicdn.com/images/281118618/original.gif');
background-size: 100%;
background-repeat: no-repeat;
}

#gif:hover {
background-image: url('https://64.media.tumblr.com/5d3a4d80a8f9d79eb97191a46067370d/tumblr_inline_p3qjyfIgIl1tokatx_400.gif');
background-size: 100%;
background-position: center;
opacity: 0.5;
}

#connect4 {
position: absolute;
z-index: 1;
right: 0px;
top: 338px;
height: 103px;
width: 268px;
padding: 5px;
background: #000;
border: 1px dotted #5e101f;
border-radius: 0%;
overflow-y: auto;
font-family: 'Antic Slab';
color: #fff;
line-height: 15px;
font-size: 11px;
text-align: center;
}

b {
color: #CA9E04;
font-family: 'Crushed';
}

a {
font-family: 'scorchedearth';
color: #c11d3c;
text-decoration: none;
font-size: 9px;
}

a:hover {
color: #666;
}

</style>
<div id="herrera" oncontextmenu="return false;">
<div id="overlay"></div>
<div id="container">
<div id="housecrest"></div>
<div id="title"></div>
<div id="gif"></div>
<div id="connect4"></div>
<div id="ooc">
<B>Credit.</B> Code is a work in progress and was coded by <a href="//roleplay.chat/profile.php?user=Sailor+Chuu" target="_blank">Chuu</a> for genius not's use only. Do not steal! Tabs to come.<br>
<b>01.</B> Faceclaim is Jake T. Austin, but a younger-than-present-day Jake T. Austin. TBH, I don't know how old he is in these photos, I wanted him to be youthful but not too childish, simply because of my own preference.<br>
<B>02.</B> OC for the Wizarding World room. Harry Potter roleplay on this character <i>only.</i><br>
<B>03.</B> Leader of the Flying Club, hmu to join, y'all! BROOMBOARDING 4 LYF. But also let staff know so you can be added to the roster and what not. I'm not staff, just a guy with a broom-and-boom mentality.<br>
<B>04.</B> The character is a major simp, but IRL I'm pretty chill.
</div>
<div id="infobox"><B>Full Name:</B> <font style=float:right>Juliano Geovanni Herrera.</font><br>
<B>Alias:</B> <font style=float:right>Julian Herrera.</font><br>
<B>Nickname(s):</B> <font style=float:right>Juli, Jules, <a title="In his dreams. Maybe if he calls himself this enough, it'll catch on. Like propaganda, lowkey.">J-dog</a>.</font><br>
<B>Age:</B> <font style=float:right>Fifteen.</font><br>
<B>Birthdate:</B> <font style=float:right>August 15th.</font><br>
<B>Zodiac:</B> <font style=float:right>Leo.</font><br>
<B>P.o.B.:</B> <font style=float:right>Albuquerque, NM.</font><br>
<B>Ethnicity:</B> <font style=float:right>Mexican-Caucasian.</font><br>
<B>Nationality:</B> <font style=float:right>English & American.</font><br>
<B>Blood:</B> <font style=float:right>Half-Blood.</font><br>
<B>Orientation:</B> <font style=float:right>Bisexual.</font><br>
<B>Marital:</B> <font style=float:right><a title="After being served with divorce papers, Julian is regretfully single once again. Will he try to win the heart of Beatrice after their colossal misunderstanding? Or will he move onto greener pastures? Stay tuned for the next episode of LA VIDA DE JULIAN.">Recently Divorced</a>.</font><br>
<B>House:</B> <font style=float:right>Gryffindor.</font><br>
<B>Year:</B> <font style=float:right>5th.</font><br>
<B>
</div>
<div id="bottombar"></div>
</div>